html select控件如何正确的获取选中的option

2documentformNameselectoptions[documentformNameselectselectedIndex]text//终级用户如果你要用asp调用，就加一个隐藏域，比如shu，在这里加一句<select name=select onchang=documentformNameshuvalue=documentformNameselectoptionslength

jquery的hide方法只是在相应DOM上面增加了样式：display: none

而option不是可绘制的DOM，所以使用hide方法是无效的

两种解决方案：

1在option标签上面加上disabled="disabled"属性，表示不可用，这种方案只是让option不能选择，但没有隐藏掉

2如果想隐藏掉，只能把option从DOM树中去除，然后对去除的option进行缓存，在要显示的时候再将option从缓存中取出加入DOM树中

有时候我们需要在一个Select中传递两个有关联但不同的值，比如你的这个情况。这时候要利用到Option的另一个不常用属性Name，用Name来存储第二个值，然后在onchange事件中分别用thisoptions[thisselectedIndex]name来调用这个值。 <select name="opt" onchange="opttvalue=thisoptions[thisselectedIndex]name"> <option name="全12333" value="123323">全12333</option> <option name="全12321" value="121113">全12321</option> <option name="全123123" value="121323">全123123</option> </select> <input name="optt" type="hidden" value=""> 在你的程序里，把<option></option>之间的内容作为name属性写出来，然后定义一个隐藏的input——optt，再定义好onchange事件，就可以同时获取到value和name两个值了。

以上就是关于html select控件如何正确的获取选中的option全部的内容，包括:html select控件如何正确的获取选中的option、如何获取select 第一个option设置为隐藏、如何获取<select>lt;/select>中所有的<option>内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！