UPD: Прошу прощения, тему можно удалить. По невнимательности не добавил аттрибут id в поле input.
Всем привет. В яваскрипт я ещё новичок, плохо знаком с особенностями интерпретатора. Столкнулся с трудностью: мне нужно записать значение динамически добавленных полей в поле textarea, но мой код не работает:
//добавляем и строку возраст
function insertRow() {
var oRow = document.getElementById('drivers').insertRow(-1)
var oLabel = oRow.insertCell(-1)
var oInput = oRow.insertCell(-1)
var amnt = Number(document.getElementById('drvamount').value)+1
oLabel.innerHTML = 'Возраст водителя '+amnt
oInput.innerHTML = '<input type="text" name="age_'+amnt+'">'
document.getElementById('drvamount').value = amnt
}
function saveDrivers() {
var drvamount = Number(document.getElementById('drvamount').value)
document.getElementById('alldrivers').value = "" // очищаем поле alldrivers
for (var i=0;i<=drvamount;i++) { // сохраняем данные водителей в поле alldrivers
document.getElementById('alldrivers').value = document.getElementById('alldrivers').value + 'возраст '+i+' водителя: ' + document.getElementById('age_'+i).value + ';'
}
}
<body>
<form id="kasko1" name="kasko">
<table id="drivers" border="0">
<tbody>
<tr><td colspan="2"><input type="hidden" id="drvamount" value="0"></td></tr>
<tr><td colspan="2"><textarea id="alldrivers"></textarea></td></tr>
<tr><td><input type="button" onclick="insertRow()" value="Добавить"></td><td><input type="button" onclick="saveDrivers()" value="Сохранить"></td></tr>
<tr><td>Возраст водителя 0</td><td><input type="text" name="age_0" id="age_0"></td></tr>
</tbody>
</table>
</form>
</body>
Демо:
http://jsbin.com/ipoze4/5/
Что я делаю не так?