Вставка строк в таблицу с вводом текста - PullRequest
Новая
       14

Вставка строк в таблицу с вводом текста

0 голосов
/ 23 декабря 2010

Я пытаюсь вставить строки в обычную таблицу HTML.

В каждой строке есть элемент <input type="text">.

Но каждый раз, когда я добавляю новую строку через JavaScript,данные или значения, содержащиеся в уже существующих <inputs>, исчезают.

Вот код: 

<table id="tableSeriales" summary="Seriales" class="servicesT" cellspacing="0" style="width: 100%">
    <tr>
        <td class="servHd">Seriales</td>
    </tr>
    <tr>
     <td class="servBodL">
            <input id="0" type="text" value="" style="color: blue; width: 100%"/>
        </td>
    </tr>
</table>
<a href="javascript:addRow()">Add row</a>

И JavaScript выглядит следующим образом: 

function addRow() {
        var rowCount = $('#tableSeriales tr').length;
        $("#tableSeriales").html(
                $("#tableSeriales").html() +
                '<tr><td class="servBodL"><input id="' + (rowCount +1) + '"type="text" value="" style="color: blue; width: 100%" onkeypress="return handleKeyPress(event,this.form)"/></td></tr>'
            );
    }

1 Ответ

0 голосов
/ 23 декабря 2010

использование $('html code goes here').appendTo('#tableSeriales');

или $('#tableSeriales').append('html code goes here');

...