получение значений tds с помощью jquery - PullRequest
Новая
       21

получение значений tds с помощью jquery

0 голосов
/ 25 января 2012

Я использую jquery 1.6.4, и у меня есть таблица.Первоначально в таблице пользователь представлен только одной строкой и несколькими столбцами.Затем я позволяю пользователям добавлять столько строк, сколько они хотели бы использовать, делая это 

$('.add').live('click', function(e){

        e.preventDefault();
        var $parentRow = $(this).parents('tr');
        $parentRow.clone().insertAfter($parentRow);
        $parentRow.next().find('input').val('');
        $(this).replaceWith('<a href="#" class="delete">-</a>');
    });

Я также позволяю им удалять строки на лету, делая это 

$('.delete').live('click', function(e){
        alert("removing");
        e.preventDefault();
        $(this).parents('tr').remove();
    });

Однако теперь яхотите, чтобы значения, которые они вводят в эти столбцы, собирались.Я не уверен, как собирать эти значения, когда они нажимают кнопку «Отправить», поскольку в моем источнике просмотра все, что я вижу, это 

<tr>
<td class="actions"><a href="#" class="add">+</a></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><textarea rows="1"></textarea></td>
</tr>

В исходном коде страницы отображается только одна строка, где, по моему мнению, я определенно вижутри строки добавлены.Не уверен, что мне не хватает и как получить значения

Ответы [ 2 ]

1 голос
/ 25 января 2012

У вас нет идентификаторов, поэтому будет сложно определить, что вы на самом деле собираете, но чтобы получить значения входных данных, как статических, так и динамических, вы можете использовать это: 

//submit code
$('input[type=submit]').click(function(){
    $('table input').each(function(index,item){
        //for testing you could just output to a div
        //$('#output').append($(this).val());
    });

});
1 голос
/ 25 января 2012

Из того, что я могу сказать, ваши поля ввода не имеют имен, поэтому вы не получите много, когда нажмете submit.

Кроме того, вы не увидите обновления DOM в своем представленииисточник.Просмотр исходного кода покажет вам, как выглядела страница при первой загрузке.Чтобы получить просмотр страницы в реальном времени, вы можете использовать FireBug для FireFox или, если вы используете Google Chrome, в меню «Вид» есть инструменты разработчика, которые вы можете использовать, чтобы увидеть, как HTML выглядит живым.

...