Доброго времени суток.
Есть код, который добавляет поля при клике на кнопке и удаляет их.
код javascript
:
<script language="javascript">
function add_inputsize()
{
countonesize = ++document.getElementById('inputsizecount').value;
var new_input=document.createElement('div');
new_input.innerHTML='<table width="450px">bla-bla</table><br />';
document.getElementById('inputsize').appendChild(new_input);
}
function del_inputsize()
{
countonesize = document.getElementById('inputsizecount').value;
if (countonesize!=0){ // Удаляем любую строку кроме первой
document.getElementById('inputsize').removeChild(document.getElementById('inputsize').lastChild);
document.getElementById('inputsizecount').value -= 1; // Уменьшаем счетчик элементов
}
return false;
}
</script>
На странице:
<div id="inputsize">
<input type="hidden" id="inputsizecount" name="inputsizecount" value="0">
<table width="450px">bla-bla</table>
<br />
</div>
<input type="button" onclick="add_inputsize()" value="Добавить размер">
<input type="button" onclick="del_inputsize()" value="Убрать последний">
Проблема в чем: все работает, но если я создаю при загрузке уже 2 дива (один вложенный - как создавался бы при клике на кнопку), например:
<div id="inputsize">
<input type="hidden" id="inputsizecount" name="inputsizecount" value="0">
<table width="450px">bla-bla</table>
<br />
<div>//вложенный див
<table width="450px">bla-bla</table>
<br />
</div>
</div>
<input type="button" onclick="add_inputsize()" value="Добавить размер">
<input type="button" onclick="del_inputsize()" value="Убрать последний">
то он ни в какую не хочет удаляться при клике на кнопку. Причем если я жму дальше добавить - новые дивы и добавляются, и удаляются, а тот, что я создала при загрузке - никак.
При проверке lastchild - он пишет, что это элемент #text, хотя должен быть objectdiv (или как он там).
Подскажите, что не так?
