使jquery选择插件工作与动态添加下拉列表

Question

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

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

Answer 1

您可以在插入动态下拉列表后简单地调用所选插件

/*

 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++;
});