需要在第一行显示动态控件

时间:2014-04-23 09:02:13

标签: jquery jquery-ui

我使用以下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

1 个答案:

答案 0 :(得分:0)

每次你附加一个新的tr,所以只需附加一个td

查看以下示例

http://jsfiddle.net/cZwYD/4/

$("#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);
         });