hidepon score 189
2015/11/05 19:12 投稿
| テーブルの行を追加しながら、追加した行にDBから取得したデータをもとにプルダウンを動的に設定する |
| id="add_table"としたボタンを押すことで |
| テーブルに2列を加えるJｓを作成するところまではできたのですが、 |
| テーブルに1行、2列を加えるJｓを作成するところまではできたのですが、 |
| 1列目にはDBから取得したデータをプルダウンに埋め込みたいと考えれています。 |
| 2列目にはテキストボックスが問題な設定できています。 |
| テーブルの行追加とともにプルダウンを動的に追加していく方法がうまくいきません。 |
| 教えてください。 |
| よろしくお願いいたします。 |
| jQuery(function(){ |
| jQuery('#add_table').click(function(){ |
| var len = $("#table_m tbody").children().length; |
| if(len > 4){ |
| $("#add_table").attr("disabled","disabed"); |
| } |
| $.ajax({ |
| type: "POST", |
| url: "/pg/test", |
| data: {"mark":mark}, |
| dataType: "json", |
| success: function(data, status){ |
| $('select').empty(); |
| jQuery.each(data, function(i, val) { |
| $('select').append($('<option>').attr({ value: i }).text(val)); |
| }); |
| }, |
| error: function(XMLHttpRequest, status, errorThrown){ |
| alert("エラーが発生しました！"); |
| } |
| }); |
| data = '<tr><td><select name="hoge" id="mpd' + (len+1) + '"></select></td><td><input type="text" name="quy' + (len+1) +'" /></td></tr>'; |
| jQuery('#tabale_m').append(data); |
| }); |
| jQuery('#del_bottom').click(function(){ |
| if (jQuery('tbody tr').length) { |
| jQuery('tbody tr:last').remove(); |
| } |
| }); |
| }); |
| <table style="text-align:left;" border="1" cellpadding="2" cellspacing="2" id="tabale_m" class="tbl_info"> |
| <tbody> |
| <tr>項目１<th>項目2</th> |
| </tr> |
| </tbody> |
| </table> |
| <input type="button" id="add_table" value="追加する" /> |
| ※ボタンの押下で2行目以降にJSでプルダウンとテキストボックスの1行2列を追加していきたいです。 |
