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

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

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

2、效果演示

那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

在HTML中，select控件的值等于其当前选中的option的值，所以：

$("select")val(); // 可以获取select当前的值

如果想获取当前select下option的所有的值，则：

var selValue = []; // 定义一个空数组用于接收select下option所有的值

var options = $("select")find("option"); // select下所有的option

for （var i=0; i<optionslength; i++) {

selValuepush(optionseq(i)val()); // 将所有的值赋给数组

}

以上就是关于html select控件如何正确的获取选中的option全部的内容，包括:html select控件如何正确的获取选中的option、怎样用js取得select下拉列表框内选中的option的value值呢、如何获取select的option的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！