每當我在jQuery中更改新創建的選擇框的值時，如何添加新的選擇框？

Question

當我從選擇框中選擇一個值時，我試圖添加一個新的數字輸入和一個復選框。添加一個選擇框后，該選擇框應添加一個新的選擇框。 我不知道我的代碼有什么問題。 提前致謝。

 var counter = 1; $(document).ready(function(){ $('#arithmetic' + counter).change(function(e) { counter++ if( $('#arithmetic' + counter ).val() == '+' || '-' || '*' || '/' || '%' ) { var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' +counter); newTextBoxDiv.html('<input type="number" name="input' + counter + ' " id="input' + counter + '" value="" > \\ <select id="arithmetic' + counter + '" >\\ <option id="select" value="Select" selected>Select</option>\\ <option id="add" value="+">+</option><option id="subtract" value="-">-</option>\\ <option id="multiply" value="*">*</option><option id="division" value="/"></option>\\ <option id="percentage" value=" %">%</option></select>'); newTextBoxDiv.appendTo("#container center"); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <div id="container"> <center> <div id="TextBoxDiv1"> <input type="number"/> <select id="arithmetic1"> <option id="select" value="Select" selected>Select</option> <option id="add" value="+">+</option> <option id="subtract" value="-">-</option> <option id="multiply" value="*">*</option> <option id="division" value="/">/</option> <option id="percentage" value="%">%</option> </select> </div> </center> </div> 

Answer 1

您需要將事件委托給新創建的元素。 因此，您需要做的是，而不是：

$('#arithmetic' + counter).change(function(e)

更改為：

$("#container").on("change", '#arithmetic' + counter, function(e)

還有一些錯誤...

1. 更換：

    $(document.createElement('div')) 

   附：

    $("<div />") 

2. 刪除<center>標簽。