我使用以下jquery在table中创建动态控件。它工作正常但是逐行显示。我需要在一行中显示所有控件。如何做到这一点?
$("#inputId").click(function () {
var table = $('table#mytable');
var row = $('<tr></tr>');
var col = $('<td style="width:100px;" align="left"></td>');
var input = $('<input type="text">');
var dropdown = $('<select></select>');
row.append(col.clone().append());
if( table.find('input:text').length<2)
row.append(col.clone().append(input));
if (table.find('select').length < 2)
row.append(col.clone().append(dropdown));
table.append(row);
});
直播演示 Fiddle
答案 0 :(得分:0)
每次你附加一个新的tr,所以只需附加一个td
查看以下示例
$("#inputId").click(function () {
var table = $('table#mytable');
var row=$('#mytable tr');
var col = $('<td style="width:100px;" align="left"></td>');
var input = $('<input type="text">');
var dropdown = $('<select></select>');
row.append(col.clone().append());
if( table.find('input:text').length<2)
row.append(col.clone().append(input));
if (table.find('select').length < 2)
row.append(col.clone().append(dropdown));
table.append(row);
});