<select multiple="multiple" name="formCountries[]"> 的 jQuery 选择器答案

【问题标题】：jQuery selector for <select multiple="multiple" name="formCountries[]"><select multiple="multiple" name="formCountries[]"> 的 jQuery 选择器
【发布时间】：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?的可能重复

标签： jquery arrays select jquery-selectors

【解决方案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>

【讨论】：