jQuery选择(chzn)更新选项

时间:2014-05-21 21:41:49

标签: javascript jquery

我有2个选择元素,其中1个应该是可搜索的而另一个不是。重要的是第一个select元素没有任何类,因为chzn可以应用于所有标记。

HTML

<select>
 <option>Option 1</option>
</select>

<select class="searchable">
 <option>Option 1</option>
</select>

JS

$("select").chosen({ disable_search: true, create_option: true, persistent_create_option: true, skip_no_results: true, width: "100%" }); 
$("select.searchable").chosen({ disable_search: false });

我做错了什么?我的js脚本中的第二行没有覆盖第一行。

1 个答案:

答案 0 :(得分:1)

你没有压倒一切,你正试图再次创造选择。所以它不起作用因为你必须首先杀死原来然后重新创建。我建议在创建元素时选择使用not()。

 $("select").not(".searchable").chosen({ disable_search: true, create_option: true, persistent_create_option: true, skip_no_results: true, width: "100%" });
 $("select.searchable").chosen({ disable_search: false });