Javascript - 插件不应影响所有选择框

Question

我使用 JQuery/Javascript 插件来更改选择框:

$('select').multipleSelect();

选择框如下所示:

<select multiple=\"multiple\">\r\n" + 
<option selected=\"selected\" value=\"1\">January</option> 
<option value=\"2\">December</option>
<option value=\"3\">December2</option>
</select>

问题是它更改了网站上的所有选择框，但它应该只更改一个选择框。

怎么做？

Answer 1

只需输入 select你想要选择一个类，然后调用它的插件

<select class="selectMe" multiple="multiple">
   <option selected="selected" value="1">January</option> 
   <option value="2">December</option>
   <option value="3">December2</option>
</select>

然后在 jQuery 中

$('select.selectMe').multipleSelect();

您无需在 CSS 中定义实际的类，但如果您愿意，可以这样做。从现在开始，只需添加类 selectMe到<select>您希望调用该插件。