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

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

documentgetElementById('your select id')options

拿到了指定select的所有option，是个option对象的数组

你遍历就可以 比如第2个option的value：

documentgetElementById('aa')options[1]value

方法和详细的 *** 作步骤如下：

1、第一步，创建一个新的HTML文件，并将其命名为“indexhtml”，见下图，转到下面的步骤。

2、第二步，执行完上面的 *** 作之后，在indexhtml文件中编写选择框的html代码，以实现选项的效果，见下图，转到下面的步骤。

3、第三步，执行完上面的 *** 作之后，在页面上加载zdjquery-132minjs文件，并编写Jquery代码以获取所有选项的选项值。

 通过each（）方法迭代所有选项值，并将其存储在select_con数组中，见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，使用answer

 consolelog（）打印阵列并运行代码以查看阵列的内容，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，可以看到该数组已成功获取select中所有option的值，见下图，转到下面的步骤。

6、第六步，执行完上面的 *** 作之后，通过map（）方法获取选项值，并将结果返回到结果变量，见下图，转到下面的步骤。

7、第七步，执行完上面的 *** 作之后，通过get（）方法将获取的对象转换为数组，并将其存储在select_con数组中，见下图。这样，就解决了这个问题了。

获取到option的值想实现的效果比如选择的是值一这个option提交后要得到"3"和"值一"这两个数据

[php] view plain copy

[html] view plain copy

<select name="select">

<option value="1">select下拉列表框的值</option>

<option value="2">sdfsd</option>

<option value="3">值一</option>

</select>

echo $_POST['select'];

可以在form中添加一个隐藏域<input type="hidden" id="select_content" name="select_content" />然后在提交的时候，先将所选择的值赋值给隐藏域，然后再将form提交。这里说的赋值是用js *** 作的，当<select name="select" onchange="fuzhi(thisoptions[thisselectedIndex]text)"> function fuzhi(a){documentgetElementById("select_content")value=a;//赋值，咚咚}

<select

name="select">

<option

value="1|select下拉列表框的值">select下拉列表框的值</option>

<option

value="2|sdfsd">sdfsd</option>

<option

value="3|值一">值一</option>

</select>

不需要JS，如果只是想获得值和文本，可以用这种方法直接获得，然后在PHP中拆分出来。

获取Select标签选中的id值和文本值，<option>中id、value属性的区别

blog163com 2013-10-12 10:51

一个<select>标签，如何获取选中的select的值或者id？<option id="" value="">xxx</option>里有两个属性，id和value，他们有何区别？

一次不经意的错误让我发现了<option>里id和value的区别，呵呵

如下是一段HTML（用了Strut2的标签）：

<s:form method="post" action="uploadLogoaction"> <table border="0"> <tr> <td class="STYLE1" align="left"> <select name="shopId"> <option id="-1">---选择店铺---</option> <option value="1">行行行行行行</option> </select> </td> </tr> <tr> <td><s:submit value="提交" /></td> </tr> </table> </s:form>

当你<option>里只设置id值或者你写错了写成value以外的其他东西，那么，你提交时，传到Struts2的Action类时获取选中的select值将是<option>的value值，也就是你写在<option id="xxx">aaaaa</option>的“aaaaa”。

只有当<option>里只设置value值时，才能获取你选中的select的ID。

也就是说，当你把shopId传到后台时

<select name="shopId">

1）如果此时option设置的是id，那么Action中shopId的值是“---选中店铺---”

<option id="-1">---选择店铺---</option>

2）如果此时option设置的是value，那么Action中shopId的值是“-1”

<option value="-1">---选择店铺---</option>

Struts2Action类测试如下：

ublic class uploadLogoAction extends ActionSupport{ private String shopId; public String test(){ Systemerrprintln("shopId:"+shopId); } / getter and setter method / }

单选下拉列表框对象的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>

在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、select中option的内容表单提交后jsp中怎么取、jquery向select 添加选项option等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！