jQuery從Select Option獲取值不起作用

Question

我不知道為什么我的jquery代碼無法從select選項中獲取價值。

我創建了一個函數，當我單擊“添加新行”按鈕時，它將為我的表創建一個新行。

這是我的JS代碼以添加新行

 $(".tambah_sofa").on('click',function(){ html = '<tr id="row_'+i+'">'; html += '<td><button type="button" id="delete-button" data-row-delete="row_'+i+'">X</button></td>'; html += '<td><select name="sofa[]" id="sofa"> <option value="'+sofa_rumah+'">Sofa rumah</option><option value="'+sofa_pejabat+'">Sofa Pejabat</option><option>Sofa Kedai</option><option>Tilam Tak Bujang</option> </select> </td>'; html += '<td>X</td>'; html += '<td><input type="number" name="quantity[]" id="quantity_'+i+'" value="1" disabled="disabled"></td>'; html += '</tr>'; sidebar = '<tr id="row_'+i+'">'; sidebar += '<td><input style="width:50%;" type="text" id="price_sofa" value="" disabled="disabled"></td>'; sidebar += '</tr>'; $('#table_item').append(html); $('#table_sidebar').append(sidebar); i++; }); 

下面是我的代碼，用於將選擇選項值輸入文本框：

  $('#sofa').on('change', function () { $('#price_sofa').val(this.value); }).trigger('change'); 

我嘗試遵循此JSfiddle演示： http : //jsfiddle.net/JwB6z/2/

該代碼正在工作，但是當我嘗試實現“添加新行”功能時，它無法工作。

Answer 1

我相信這是因為未識別任何新行。 我認為您應該將更改綁定到身體上...

例：

$('body').on('change', '#sofa', function () {

Answer 2

您可以隨時使用：

$('#sofa').on('change', function () {
$('#price_sofa').find(':selected').val();
}).trigger('change');

編輯：上面的一個用來獲取您輸入的值，如果您想添加文本而不是總是可以輸入的值

$('#price_sofa).find(':selected').text();

EDIT2：當您使用$('#price_sofa').val(this.value); 您沒有采用選定的選項，並且您可以在此處的小提琴中看到您添加了他們沒有使用您所使用的功能。

希望這可以幫助