jQuery 选择器：多选与选择答案

【问题标题】：jQuery selectors: multiselect vs selectjQuery 选择器：多选与选择
【发布时间】：2011-04-08 20:25:10
【问题描述】：

是否可以通过 jQuery 以不同的方式将多选选择为选择？

我遇到的问题是我有一个通用的 js，它对 id 做了一些事情。但是在某些页面上，它有不同的用途。

因此，我想了解其中的区别。

$("select#categories[multiselect]").doOneThing; //multiselect
$("select#categories").doAnotherThing; //normal single select

可能吗？

【问题讨论】：

【解决方案1】：

具有多个可选选项的<select> 元素的正确属性名称是multiple。您可以使用“具有属性”选择器选择具有多个属性的元素，并将其与 :not() 组合以选择仅允许单个选择的元素。

因此，您的 jQuery 选择器应该是：

$("select#categories[multiple]")  // <select> with multiple 
$("select#categories:not([multiple])")  // <select> with single only

【讨论】：

【解决方案2】：

如果你有这样的东西（XHTML）：

<select id="categories" size="3" multiple="multiple">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

您可以创建一个选择器来检查multiple-属性。试试这样的：

$('select#categories[multiple="multiple"]').doOneThing();

【讨论】：

【解决方案3】：

如果您希望应用到页面上的所有多项选择，只需使用以下命令：

$('select[multiple]')

【讨论】：