Добавление текстового поля в динамических позициях в JavaScript - PullRequest
Новая
       48

Добавление текстового поля в динамических позициях в JavaScript

1 голос
/ 08 мая 2011

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

Скажи что-то вроде этого enter image description here

У меня есть такой JavaScript: 

    function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement('<input type="checkbox" name="chk">');
        cell1.appendChild(element1);

        var cell4 = row.insertCell(3);
        var element4 = document.createElement('<INPUT type="text" name="SubpartID"/>');
        cell4.appendChild(element4);

        var cell5 = row.insertCell(4);
        var element5 = document.createElement('<INPUT type="text" name="Quantity" value="1" />');
        cell5.appendChild(element5);

    }

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

Я думаю cell4.appendChild(element4); и cell5.appendChild(element5); не работает.

Таким образом, вывод выглядит так,

enter image description here

Не могли бы вы помочь?

1 Ответ

0 голосов
/ 08 мая 2011

Кажется, вы используете document.createElement неправильно.Вам нужно сделать это следующим образом: 

var element5 = document.createElement('input');
    element5.type = 'text';
    element5.name = 'Quantity';
    element5.value = 1;
cell5.appendChild(element5);

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

...