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

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

Динамическое добавление полей в форму с помощью 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

Поиск