Динамическое добавление ещё одного ряда TextBox'ов.
Народ, а скажите пожалуйста, как делается такая вещь, допустим у меня на странице есть строка из двух текстбоксов:
txtName0, txtAge0 и требуется добавить динамически ещё ряд текстбоксов. К примеру, получится ещё: txtName1, txtAge1 Как потом можно определить, сколько рядов с текстбоксами было добавлено, и главное, как с них поснимать значения? |
A TextBox - это что такое?
|
хмм, :)
это я упустил. это input |
В вопросе уже половина решения. В чем проблема-то? Совсем ничего не знаешь что ли?
<div> Имя: <input type="text" id="txtName0"> Возраст: <input type="text" id="txtAge0"><br> </div> <br> <input type="button" value="Добавить поля" onclick="add();"> <script> function add(){ var text = add.part1+add.count+add.part2+add.count+add.part3 add.div.innerHTML += text add.count++ } add.count = 1 add.div = document.getElementsByTagName('div')[0] add.part1 = 'Имя: <input type="text" id="txtName' add.part2 = '"> Возраст: <input type="text" id="txtAge' add.part3 = '"><br>' </script> |
Sweet,
Большущее спасибо! Возникла небольшая проблема, мой див находится в таблице: <table> <tr> <td> <div> Имя: <input type="text" id="txtName0"> Возраст: <input type="text" id="txtAge0"><br> </div> <br> <input type="button" value="Добавить поля" onclick="add();"> </td> </tr> </table> и если я нажимаю кнопку Добавить поля, то поля добавляются над таблицей. Как их можно направить в нужную ячейку таблицы? И как определить значение в добавленном текстбоксе? Смотрю код страницы, там элементы не описаны. Хотя на странице же они добавились. |
<table id="tbl"> <tr> <td><div>Имя: <input type="text" id="txtName0">Возраст: <input type="text" id="txtAge0"></div></td> </tr> </table> var count = 0; function add() { count++; var table = document.getElementById('tbl'); var tr = document.createElement('tr'); var td = document.createElement('td'); td.innerHTML = "<div>Имя: <input type='text' id='txtName" + count + "'>Возраст: <input type='text' id='txtAge'" + count + "'></div>"; tr.appendChild(td); table.appendChild(tr); } <input type="button" value="Добавить поля" onclick="add();"> |
Часовой пояс GMT +3, время: 21:45. |