JQuery 验证多选

Question

我有以下 HTML，并且正在使用 JQuery 验证插件。我想要它，这样如果用户选择第一个选项“选择”，它就不应该允许发布表单。但它不起作用，有人知道为什么吗？它对于选择下拉菜单工作正常，但对于 multiple="multiple"则不行。

<select multiple="multiple" size="2">
  <option value="">Select</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 1

jQuery .val() method returns an array containing each selected option使用元素时。如果没有选择任何项目，它将返回一个空数组，如果选择了列出的第一个项目，则该数组将包含一个值为“”的项目。

你可以尝试这个:

<select multiple="multiple" size="2"> 
  <option></option> 
  <option value="volvo">Volvo</option> 
  <option value="saab">Saab</option> 
  <option value="mercedes">Mercedes</option> 
  <option value="audi">Audi</option> 
</select>

但是，由于它是多项选择，您真的需要一个空白项吗？