id="add_table"としたボタンを押すことで
テーブルに1行、2列を加えるJsを作成するところまではできたのですが、
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>項目1<th>項目2</th> </tr> </tbody> </table> <input type="button" id="add_table" value="追加する" />
※ボタンの押下で2行目以降にJSでプルダウンとテキストボックスの1行2列を追加していきたいです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。