mySelectoptions[i]text
获取text的值。
我写了个例子，你可以参考一下（此外，你的option的结尾错了，这样可能导致option的数目变成两倍，仔细观察下我的代码与你的区别）
<head>
<script type="text/javascript">
function function1(mySelect){
alert(mySelectoptions[0]text);
}
</script>
</head>
<body>
<Select onChange="function1(this)">
<Option value="1">选项1</Option>
<Option value="2">选项2</Option>
<Select/>
</body>只有设置了 runat="server" ，在后台才可以访问。
示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">jquery如何获取一个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);
});
});获取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 / }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的值 ===
$('table select')val();
=== checkbox的值，因为可能选中多个值，在这我把结果放到一个array里 ===
var values = new Array();
$('input[name=check]:checked')each( function(){
valuespush($(this)val());
});
如果都选中输出values的结果是["爱好", "打篮球"]function AAA()
{
$("select")each(
function()
{
alert($(this)val())
}
);
}
这样就能依次d出各个下拉框的值了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）