如何使用jQuery获取多个选择框值?如何使用jquery获取多个选择框值?
回答
var foo = $('#multiple').val();
有趣的回顾这些古老的问题,并多次选择错误的答案。很明显,这并没有得到'价值',因为OP要求像下面'正确'的答案。 – Tomas 2013-03-28 03:00:42
像PyCharm这样的IDE现在正在使用像这样的用法,显示诸如“低效的JQuery用法”这样的警告,这导致我滚动查看此答案。 :o) – 2013-11-06 20:10:01
不需要在函数内再次创建JQuery对象,这是毫无意义的,因为您可以使用纯JavaScript。只是做'foo [i] = selected.value;' – 2015-01-30 12:45:21
使用多选名单上的.val()
函数将返回所选值的数组:
var selectedValues = $('#multipleSelect').val();
,并在你的HTML:
<select id="multipleSelect" multiple="multiple">
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>
</select>
什么如果u想要得到'文本的一些代码?用'.text()'替换'.val()'? – 2013-09-06 06:17:47
值得注意的是,没有选中的多重选择返回'null'而不是空数组。这意味着,如果您在编程时添加了一个选定的值,那么您有一些杂耍来做正确的选择。 – Leo 2014-05-22 16:50:33
谢谢!有很多方法可以通过jQuery从元素中获得价值,因此无法避免找到您需要的方式。 – 2014-06-13 14:59:58
您还可以使用js地图功能:
$("#multipleSelect :selected").map(function(i, el) {
return $(el).val();
});
然后你就可以得到option
元素的任何属性:
return $(el).text();
return $(el).data("mydata");
return $(el).prop("disabled");
etc...
var selected=[];
$('#multipleSelect :selected').each(function(){
selected[$(this).val()]=$(this).text();
});
console.log(selected);
另一个计算策略这个问题。所选数组将具有索引作为选项值,并且每个数组项都将具有文本作为其值。
例如
<select id="multipleSelect" multiple="multiple">
<option value="abc">Text 1</option>
<option value="def">Text 2</option>
<option value="ghi">Text 3</option>
</select>
如果说选项1和2被选中。
选定阵列将是:
selected['abc']=1;
selected['def']=2.
HTML代码:
<select id="multiple" multiple="multiple" name="multiple">
<option value=""> -- Select -- </option>
<option value="1">Opt1</option>
<option value="2">Opt2</option>
<option value="3">Opt3</option>
<option value="4">Opt4</option>
<option value="5">Opt5</option>
</select>
jQuery代码:
$('#multiple :selected').each(function(i, sel){
alert($(sel).val());
});
希望工程
不要“希望它有效”,如果你不确定它是否是答案,那么测试一下,确定! – 2015-11-20 14:34:53
如果你不确定的答案,那么不要发布它..!我们不在这里希望.. !! LOL – 2015-12-03 13:16:57
嘿。它完美的作品。一探究竟。你应该希望它。不要给无与伦比的评论.. – Prabhagaran 2015-12-17 11:19:31
在逗号分隔符获取选定值
var Accessids = "";
$(".multi_select .btn-group>ul>li input:checked").each(function(i,obj)
{
Accessids=Accessids+$(obj).val()+",";
});
Accessids = Accessids.substring(0,Accessids.length - 1);
console.log(Accessids);
只要使用这个
$('#multipleSelect').change(function() {
var selectedValues = $(this).val();
});
- 1. 使用jquery获取多个选择框的值每个
- 2. 如何使用jquery获取多个复选框的值
- 3. 如何使用jQuery UI MultiSelect Widget获取多个复选框值?
- 4. jquery从多个选择标记中获取多个选择值
- 5. jQuery的获取所选的多个选择框值
- 6. 如何获取多个选择值
- 7. 如何获取一类的价值选择框中选择使用jQuery
- 8. 获取多个选择值?
- 9. 通过选择框与jQuery的多个获取值Onchange
- 10. 使用POST方法从多个选择框中获取值
- 11. 如何获取选择框的多个值?
- 12. 如何通过POST获取多个选择框的所有值?
- 13. 如何使用ajax选择获得多个选择值
- 14. 如何使用jquery获取多个文本框的值?
- 15. 如何获取jquery中选择框的值并提醒该值?
- 16. 使用jQuery选择器,多个选择字段获取表单的值
- 17. 如何获取joomla选择框的值
- 18. 如何使用jquery获取选择的下拉选项值?
- 19. 如何从多个选择框中使用硒webdriver选择多个值?
- 20. 使用jQuery获取复选框值
- 21. 如何使用jquery从复选框组获取选中的值
- 22. 如何使用jQuery获取所有选中复选框的值?
- 23. 获取多个选择的选定值
- 24. 如何获取JQuery复选框的值?
- 25. 如何使用Jquery获取多重选择的当前选定值
- 26. 如何使用Angular JS从多选复选框中获取值
- 27. 当复选框选中使用jquery获取datagrid值使用jQuery
- 28. 复选框,获取用户选择值
- 29. 获取选择框的值
- 30. 获取选择框值onchange
可能要到后期你试过的东西,没有工作1'而不是价值 – 2010-07-14 04:59:33