使jQuery选择的插件与动态添加的下拉列表一起使用

make jquery chosen plugin work with dynamically added dropdowns

本文关键字：下拉列表 一起 添加 jQuery 选择 插件 动态      更新时间：2023-09-26

好的，所以我有一个应用程序，它在单击时向 dom 添加了一个新的下拉元素，但由于新下拉列表是在选择实例化后添加的$('.dropdowns').chosen()所以它不会变成选定的下拉列表。

有没有更好的方法可以使动态创建的下拉列表工作，而无需重新实例化所选的jquery版本（即不必重新调用$('.dropdowns').chosen()）？

您可以在

插入动态下拉列表后简单地回忆选择的插件

/*
 code of creating dynamic dropdown
after it add:
*/
$('#ID_OF_DYNAMIC_DROPDOWN').chosen();

就我而言，我使用：

var i=$('#table_invoice tbody tr').length;
$(".addmore").on('click',function(){
    html = '<tr>';
    html += '<td><select name="item_id[]" id="itemName_'+i+'" class="form-control searchable chosen-rtl">'+ItemOptions+'</select></td>';
    html += '</tr>';
    $('#table_invoice').append(html);
    $('#itemName_'+i).chosen(); 
    i++;
});
相关文章：