[問題] 下拉式選單變更選項後觸發jQuery

看板Web_Design作者qazsd (知足常樂)時間8年前 (2015/10/31 23:47)推噓11(11推 0噓 20→)

留言31則, 8人參與討論串1/1

請問一下板上各位高手小弟有個表格表格每列都有迴圈產生的下拉式選單，想要使用者改變選單選項時，會觸發JavaScript 部分程式如下： .. .. //i是每列都會+1的變數 row = $('<td></td>').html(' <select id="product'+i+'" class="big"> <option value="0">---</option> <option value="1">收音機</option> <option value="2">電風扇</option> </select>'); .. .. $('#mainTable').append(row); 而對應的JavaScript無論使用 $(function() {$('select').on("change",function() {alert('Hi');}); 或是 $(function() {$("#product"+i).on("change",function() {alert('Hi');}); 或是 $(function() {$('.big').on("change",function() {alert('Hi');}); 都沒產生反應但若單純用html刻出 <select class="big" id="product"> <option>收音機</option> <option>電風扇</option> </select> 則在改變該選單的選項時，則可以彈出顯示"Hi"的訊息，想請問用程式產生的下拉式選單那邊是出了什麼問題，何以沒有觸發到JavaScript？ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.195.39.72 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1446306450.A.889.html ※ 編輯: qazsd (123.195.39.72), 10/31/2015 23:48:27

推

frank910138

11/01 00:06, , 1^F

11/01 00:06, 1^F

→

frank910138

11/01 00:06, , 2^F

11/01 00:06, 2^F

→

frank910138

11/01 00:06, , 3^F

11/01 00:06, 3^F