Слава Україні!

Динамическое добавление полей

Динамическое добавление полей в форму с помощью JavaScript
21-го вересня 2014, 6:09
Форма, в которую будем добавлять поля:

    <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 по 20.04
втрати противника
орієнтовно склали:
941100 ( +950 ) особового складу
10677 ( +1 ) танків
22271 ( +5 ) бойових бронемашин
26649 ( +49 ) артилерійських систем
1368 ( +0 ) РСЗВ
1139 ( +0 ) засоби ППО
370 ( +0 ) літаків
335 ( +0 ) гелікоптерів
45274 ( +112 ) автомобільної техніки
28 ( +0 ) кораблі / катери
3148 ( +0 ) крилаті ракети
33240 ( +64 ) БПЛА
3859 ( +1 ) спец. техніки
4 ( +0 ) установок ОТРК/ТРК
1 ( +0 ) підводні човни