选择下拉列表:一次使所有下拉列表的search_contains为true

时间:2015-03-25 06:13:31

标签: javascript jquery drop-down-menu jquery-chosen

在初始化三个下拉列表后,我使用了这个脚本

$(document).ready(function()
{
   $('#drp_menu').chosen({ search_contains: true });  
    $('#drp_menu2').chosen({ search_contains: true });      
    $('#drp_menu3').chosen({ search_contains: true });      
});

现在,实际问题是,在一个脚本中,我已经初始化了50个下拉列表,但没有成为search_contains: true

现在我必须重新编辑代码才能启用它。

如果我可以在单个代码中执行此操作而没有编辑50个下拉列表的代码吗?

可能是chosen-library本身的内容。

但我不想篡改所选择的图书馆。

由于

这是一个小提琴

http://jsfiddle.net/jHvmg/288/

3 个答案:

答案 0 :(得分:3)

下拉元素的ID以drp_menu开头。您可以使用 attribute start with selector 选择所有内容并在其上使用:

 $('[id^=drp_menu]').chosen({ search_contains: true });  

Working Demo

答案 1 :(得分:1)

您可以将其存储在变量中并将其放入for循环中 -

var menu = '#drp_menu';

$(menu).chosen({ search_contains: true });   

for (var i=2; i<51; i++) {
    $(menu + i).chosen({ search_contains: true });   
}

答案 2 :(得分:0)

添加您的选择:

search_contains="true"

示例:

<select chosen class="form-control"
   search_contains="true"
   no-results-text="'Nenhum resultado encontrado para'"
   <option value=""></option>
</select>