Javascript 所选下拉列表：一次使所有下拉列表的搜索内容为真

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

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

现在，实际问题是，在一个脚本中，我已经初始化了50个下拉列表，但没有进行

搜索\u contains:true

现在我必须重新编辑代码以使其启用

有没有办法，如果我可以在一个单一的代码不编辑50个下拉列表的代码

可能是所选库本身中的某些内容

但我宁愿不篡改所选的库

谢谢

这是一把小提琴

---

下拉元素的id以

drp\u菜单开始。您可以使用将它们全部选中，并在它们上使用所选选项：

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

下拉元素的id以
drp\u菜单开始。您可以使用将它们全部选中，并在它们上使用所选选项：

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

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

var menu = '#drp_menu';

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

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

var菜单='#drp_菜单'；
$（菜单）。选中（{search\u contains:true}）；
对于（var i=2；i您可以将其存储在变量中，并将其放入for循环中-

var menu = '#drp_menu';

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

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

var菜单='#drp_菜单'；
$（菜单）。选中（{search\u contains:true}）；
对于（var i=2；i添加您的选择：

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"

例如：

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

由于您的下拉列表名称相似；只需使用
'[id^=drp_menu]
并继续：）@Saswat如果您想将其分配给所有的选择框，则fiddle中的代码将与您的下拉列表名称相似；只需使用
'[id^=drp_menu]
并继续：）@Saswat如果你想把它分配给所有的选择框，它的fiddle代码会更好，你可以选择@Milind-Anantwar-answer。这是一种只使用一行代码的简单方法，如果你选择@Milind Anantwar答案，效果会更好。这是一个简单的方法，只适用于1行代码在实际项目中，我有（id）s没有相似之处彼此。。。就像一个id是（活动列表）另一个是（用户时区）@Saswat：你能分享呈现的html是什么样子吗？实际的问题是它是一个公司项目，而实际呈现的html是一个相当大的项目…它们至少可以有共同的父级或结构。在实际的项目中，我有（id）s，彼此没有相似之处。。。就像一个id是（活动列表）另一个是（用户时区）@Saswat：你能分享呈现的html是什么样子吗？实际的问题是它是一个公司项目，而实际呈现的html是相当大的一个…它们至少可以有共同的父级或结构。