необходимо отображать динамические элементы управления в первой строке

Question

необходимо отображать динамические элементы управления в первой строке

0

Я использую следующий jquery для создания динамических элементов управления в таблице. Он работал нормально, но он показывал строку за строкой. Мне нужно отобразить все элементы управления в одной строке. Как это сделать?

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

Для Live Demo Fiddle

User 23 апр. 2014, в 11:24

Источник

0

если возможно, дайте нам ссылку на скрипку
Pandiyan Cool 23 апр. 2014, в 09:12
0

@PandiyanCool Я добавил Fiddle ..
User 23 апр. 2014, в 09:18
1

Если вы хотите одну строку, то создайте ее в table с html на первом месте, а затем добавьте в нее столбцы. ОБНОВЛЕННАЯ СКРИПКА
Batu.Khan 23 апр. 2014, в 09:21

Показать ещё 1 комментарий

Теги:

jquery

jquery-ui

1 ответ

Ещё вопросы

если возможно, дайте нам ссылку на скрипку
Если вы хотите одну строку, то создайте ее в table с html на первом месте, а затем добавьте в нее столбцы. ОБНОВЛЕННАЯ СКРИПКА

Pandiyan Cool · Answer 1 · 2014-04-23T07-32-00.000Z

Каждый раз, когда вы добавляете новый 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);
         });