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>。