當我嘗試使用可搜索下拉選單時，它在 .append 中不起作用。但正常作業得很好。
$(document).ready(function(){
$('#add').click(function(){
var AllCount=$("#AllCount").val();
$("#AllCount").val(parseInt(AllCount) 1)
var finalCount= parseInt(AllCount) 1;
$('#DynamicTable').append(' <tr id="row' finalCount '"><td ><select id="employee_dropdown" name="state"><option value="AL">Alabama</option><option value="WY">Wyoming</option></select></td>');
});
});
//jquery for show the dropdown
$(document).ready(function() {
$('.dropdown').select2();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div>
<button type="button" class="btn btn-success btn-sm m-1" id="add">
Add Milestone
</button>
</div>
<table>
<tbody id="DynamicTable">
</tbody>
</table>uj5u.com熱心網友回復：
每次創建或附加新的選擇框后，都需要初始化 select2。
$(document).ready(function(){
$('#add').click(function(){
var AllCount=$("#AllCount").val();
$("#AllCount").val(parseInt(AllCount) 1)
var finalCount= parseInt(AllCount) 1;
$('#DynamicTable').append(' <tr id="row' finalCount '"><td ><select name="state"><option value="AL">Alabama</option><option value="WY">Wyoming</option></select></td>');
});
$('#row' finalCount).find('.dropdown').select2();
});
select 的相同 id employee_dropdown 屬性也阻止了多個 select2 的初始化。您可以洗掉 id 屬性或為每個元素使用不同的值。我已經洗掉了上面 select 元素的 id="employee_dropdown" 。
uj5u.com熱心網友回復：
嘿，我的朋友在 select2 函式后追加
$('#DynamicTable').append('...'); $('.dropdown').select2();
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/410642.html
標籤：
上一篇：彈出懸停未觸發動態影像
下一篇： =運算子有什么特別之處？[復制]