<select multiple="multiple" name="formCountries[]"> 的 jQuery 选择器
Posted
技术标签:
【中文标题】<select multiple="multiple" name="formCountries[]"> 的 jQuery 选择器【英文标题】：jQuery selector for <select multiple="multiple" name="formCountries[]"> 【发布时间】：2014-08-15 23:32:14 【问题描述】：我正在尝试编写表单验证，但我一直在为这个 select-option 元素编写选择器而没有任何其他属性。
<select multiple="multiple" name="formCountries[]">
我该怎么做？
【问题讨论】：
那么，是什么阻止您添加类或 ID？ How do I get the selected element by name and then get the selected value from a dropdown using jQuery?的可能重复 【参考方案1】：试试这样。见Attribute Selector
$('select[multiple = multiple][name="formCountries[]"]').change(function()
);
【讨论】：
【参考方案2】：您可以使用attribute selector 按名称进行选择。您必须转义方括号，这可以通过将名称括在引号中来完成。
Live Demo
var sel = $('[name="formCountries[]"]');
【讨论】：
谢谢。我没想到属性选择器使用逗号。 不客气，这些引号用于转义方括号。【参考方案3】：<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function()
$('#btn').click(function()
alert('ding '+$('select').val());
);
);
</script>
</head>
<body>
<input type="button" id="btn"/>
<select multiple="multiple" name="formCountries[]">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
【讨论】：
以上是关于<select multiple="multiple" name="formCountries[]"> 的 jQuery 选择器的主要内容，如果未能解决你的问题，请参考以下文章
使用“select”标签的“multiple”属性时，如何更改移动Safari的默认文本“0 items”？
Oracle select with "in (multiple values)" 不使用索引
有条件地将“multiple”属性添加到 ui-select