2016-12-26 27 views
1

我創建了一個動態表,通過點擊一個按鈕它會在每次按下按鈕時生成一個新的行。一切正常,但select標籤或任何其他輸入中的類屬性無法正常工作。我如何才能使其工作。任何想法??使用追加功能js不選擇標籤閱讀的類屬性js

這裏是.js文件的代碼,工作和按一下按鈕添加新行:

 $('.plusbtn12').click(function() { 
      $(".quoteTable12").append('<tr><td><select class="js-select2 form-control c_solutions" name="i_solution[]" style="width: 100%;" data-placeholder="Choose one.."></select></td><td class="hidden-xs"><input class="form-control" type="text" name="i_quantity[]" placeholder="Quantity"></td><td><input class="form-control c_costing" type="text" name="i_cost[]" placeholder="Cost"></td></tr>'); 

      var options = ""; 

      $.getJSON("getSolution12.php", function (data) { 

       for (i = 0; i < data.length; i++) { 
        options += "<option>" + data[i] + "</option>"; 
       } 

       $('.quoteTable12 tr:last').find('.c_solutions').html(""); 
       $('.quoteTable12 tr:last').find('.c_solutions').append(options); 
       $(".c_solutions").change(); 

      }); 
     }); 
+0

類? – Nitesh

+0

class =「js-select2」 – CoderJoe

+0

您的意思是附加到動態添加元素的事件不起作用? – anu

回答

1

既然你選擇添加動態需要了解delegated events

說明:附加基於 特定的一組根元素,爲現在或將來與選擇器匹配的所有元素的一個或多個事件的處理程序。

選擇您選擇這樣

$(document).on("click", ".js-select2", function() { 
    console.log("hey"); 
}); 
你要哪類添加上選擇標籤
+0

我在哪裏可以實現上面的代碼。你可以告訴我,如果可能的話? – CoderJoe

+0

這一點不會解決問題。該事件需要使用'on()'簽名正確綁定 – anu

+0

@anu右鍵。我正要改變它 –