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

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

Динамическое добавление полей в форму с помощью 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 по 17.07
втрати противника
орієнтовно склали:
562510 ( +1110 ) особового складу
8238 ( +11 ) танків
15871 ( +9 ) бойових бронемашин
15411 ( +43 ) артилерійських систем
1120 ( +1 ) РСЗВ
893 ( +1 ) засоби ППО
361 ( +0 ) літаків
326 ( +0 ) гелікоптерів
20741 ( +61 ) автомобільної техніки
28 ( +0 ) кораблі / катери
2398 ( +0 ) крилаті ракети
12224 ( +31 ) БПЛА
2586 ( +9 ) спец. техніки
4 ( +0 ) установок ОТРК/ТРК
1 ( +0 ) war.submarines

Поиск