form表单select的选项值选择

html:

<form action="">    <p>选择城市</p>    <p>        <select name="" id="cont">            <option value="北京" order="1">北京</option>            <option value="上海" order="2">上海</option>            <option value="广州" order="3">广州</option>        </select>    </p>    <p>        <input type="button" value="ok" id="btn"/>    </p></form>

js:

 //方法一:取出想要的选项内容    var btn=document.getElementById("btn");    var cont=document.getElementById("cont");    btn.onclick=function(){        //alert(cont.value);    };    //方法二:取出想要的内容    btn.onclick=function(){        //先得到选择的索引值        var index=cont.selectedIndex;        //把option选项放到一个数组里        var arr=cont.options;        //从数组中取出某个索引的值        var text=arr[index].value;        var order=arr[index].getAttribute("order");        alert(order);    };
时间: 2024-10-07 07:24:17

form表单select的选项值选择的相关文章

form表单select联动

下拉列表:二级联动菜单 Select对象的常用属性 options[]:返回所有option组成的一个数组: name:名称 value:option的value的值 length:设置或读取option的个数 selectedIndex:当前选中的option的索引号 option对象的常用属性 text:指<option></option>中的文本 value:指option对象的value属性 index:指每个option对象的索引号 selected:当前option是否

把form表单序列化成键值对集合

window.serializeObj = function(form){ var o ={ }; $.each{form.serializeArray(),function(index){ if(o[this['name']]) { o[this['name']] = o[this['name']] +","+ this['value']; } else{ o[this['name']] = this['value']; } return o; }} //调用 var obj =se

sharepoint 2013基于AD的Form表单登录(三)——选择用户时,屏蔽掉AD。

//来源:http://www.cnblogs.com/lrforever/p/3695820.html 隐藏AD人员选择,$ad.IsVisible设置为true,则显示出AD里用户 $cpm = Get-SPClaimProviderManager  $ad = get-spclaimprovider -identity "AD" $ad.IsVisible = $false $cpm.Update()

获取form表单默认提交的返回值

1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并且阻止默认的跳转动作. 页面结构见下面: <form target="form" action="" enctype="multipart/form-data" method="post"> <input typ

HTML5的form表单属性

form:HTML4中,表单内的从属元素必须书写在<form></form>之内,但是在HTML5中,表单的从属元素可以处于页面的任何位置,然后为其添加form属性,属性值为form表单的id属性值即可,表单form与从属元素的从属关系依然有效, like this: <form id="log"> <input type="submit"> </form> <input type="sub

web Form 表单method=&quot;get&quot; method=&quot;post&quot; 区别

get和post方法的不同 在B/S应用程序中,前台与后台的数据交互,都是通过HTML中Form表单完成的.Form提供了两种数据传输的方式——get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法.二者主要区别如下: 1.Get是用来从

分享form表单提交问题

前段时间做了一个form表单传值问题  当时觉得form表单的submit不就是提交form表单name的value值吗 ? 其实是对的  但是我做的是一个打印页面  需要把当前页面的元素传入下一个url  我当时就郁闷了 怎么传都过不去 无意中发现这些表单元素 属性都是都是disable  然后我再复制一下这些表单元素  这次没有加disable  就传过去了 小小问题 java新手  分享一下

9.16 基于form表单的文件上传实现 ContextType

基于form表单传递普通键值对的方式传递数据: enctype="application/x-ww-form-urlencoded" 基于form表单上传文件 传递数据,非键值对: enctype="multipart/form-data" enctype="text/plain" 这种方式几乎不用 基于ajax传递普通键值对的方式传递数据到服务器 只要请求体有数据,request.body都有值 .但request.post 只有当conten

练习-为网页添加icon图标;为网页添加关键字/作者;超链接;input的type属性有哪些常用属性值-form表单

  前  言 练习 学习HTML5有两个月了,每天都要学习新的知识,感觉以前学过的有点不熟悉了,复习巩固一下,发表一篇博客园. 本章复习的是HTML5中的基础语言/js的使用 1为网页添加icon图标 <link rel="icon" type="image/x-icon" href="img/logo.png"/> rel:用于标明被连接文件与当前文件的关系.此处选icon,表明被链接图片是当前网页的icon图标 type:表明被连