在HTML页面中，获取当前select元素中所选中的那个值和显示值。
<tr>
<th scope="row" width="15%" nowrap >目标字段</th>
<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change();”>
<option value=”1”>eg1</option>
<option value=”2”>eg2</option>
<option value=”3”>eg2</option>
</select>
</td>
</tr>
<script>
function on_idmbzd_change(){
var sel_obj = documentgetElementByIdx("idMbzd ")；
var index = sel_objselectedIndex;
alert(sel_objoptions[index]value);
alert(sel_objoptions[index]text);
}
</script>
设置select元素的选中项：
通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。
< select id = "sel" >
< option value = "1" >1</ option >
< option value = "2" selected = "selected" >2</ option >
< option value = "3" >3</ option >
</ select >
扩展资料超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。
参考资料来源：百度百科-HTMLjquery如何获取一个select里面的所有option的值呢？
<select class="form-control" id='mi_name'> <option>全部</option> <option>os2</option> <option>os2-anthonos</option> <option>os2-apps</option> <option>os2-centralpoint</option> <option>kf5-experimental</option> </select> 就这段里面， 展开
m1036779838 | 浏览 36867 次
推荐于2016-02-06 16:37:46 最佳答案
基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：
$("option")map(function(){return $(this)val();})get()join(", ")
代码说明：
使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；
使用 get() 处理返回的对象以得到基础的数组；
使用join()函数组装字符串。
实例演示如下:
1、HTML结构
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select><br>
<input type="button" value="获取所有option值">
2、jquery代码
$(function(){
$(":button")click(function() {
var str = $("#test option")map(function(){return $(this)val();})get()join(", ")
alert(str);
});
});
html:
<select id="sel">
<option value='s1'>苹果</option>
<option value='s2'>西瓜</option>
<option value='s3'>香蕉</option>
</select>
javascript:
$(function(){
var _val = $map( $("#sel option:not(:selected)"),
function(ele){return elevalue}
)join(",");
alert(_val);
})
其中主要的是：$("#sel option:not(:selected)")，这是返回没被选中的option集合，
使用$map函数对这个集合进行处理，取出其中元素的值，使用","进行分隔。
如果option中没有value属性，那么直接返回option的文本内容。
那么这个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元素的选中项全部的内容，包括:如何获取和设置HTML文档中select元素的选中项、怎么获取select标签里所有option的内容、js或者jquery如何获取select中未选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）