Question

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

$(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/

Answer 1

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

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

Working Demo

Answer 2

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

var menu = '#drp_menu';

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

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

Answer 3

添加您的选择：

search_contains="true"

示例：

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

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

3 个答案:

Working Demo