Слава Україні!
Динамическое добавление полей
Динамическое добавление полей в форму с помощью JavaScript
JavaScript
<form>
<div id="inputi">
<div><input name="my_input"><input type="button" value="+" onclick="add_input(this.parentNode)"></div>
</div>
</form>
Собственно сам скрипт, который реализует весь функционал:
<script language="javascript">
// Теперь эта функция будет принимать указатель на объект, после которого нужно осуществить вставку
function add_input(obj)
{
var new_input=document.createElement('div');
new_input.innerHTML='<br>инпут №'+document.getElementById('inputi').getElementsByTagName('div').length+'<br><input name="my_input">';
// Дописываем рядом с input-ом кнопку, она будет добавлять элемент именно под input, рядом с которым она находится
new_input.innerHTML=new_input.innerHTML+'<input type="button" value="+" onclick="add_input(this.parentNode)">';
// И еще одна кнопочка для его удаления.
new_input.innerHTML=new_input.innerHTML+'<input type="button" value="-" onclick="del_input(this.parentNode)">';
//Ищем присутствует ли следующий узел в структуре DOM-а
if (obj.nextSibling)
// если да - то создаем после него
document.getElementById('inputi').insertBefore(new_input,obj.nextSibling)
//если такого не нашлось то просто добавляем в конец
else document.getElementById('inputi').appendChild(new_input);
}
// А эта функция будет принимать указатель на объект, который нужно удалить
function del_input(obj)
{
document.getElementById('inputi').removeChild(obj)
}
</script>
Предыдущая заметка
Регулярные выражения
Следующая заметка
Цифровой ввод
Міністерство оборони
України
України
з 24.02 по 30.11
втрати противника
орієнтовно склали:
втрати противника
орієнтовно склали:
328760 ( +1180 )
особового складу
5551 ( +13 )
танків
10340 ( +28 )
бойових бронемашин
7909 ( +1 )
артилерійських систем
910 ( +0 )
РСЗВ
600 ( +0 )
засоби ППО
323 ( +0 )
літаків
324 ( +0 )
гелікоптерів
10361 ( +13 )
автомобільної техніки
22 ( +0 )
кораблі / катери
1567 ( +0 )
крилаті ракети
5954 ( +10 )
БПЛА
1124 ( +3 )
спец. техніки
4 ( +0 )
установок ОТРК/ТРК
1 ( +0 )
war.submarines
Поиск