Добавить строки по нажатию на кнопку

@Виталюска · Регистрация: 26.09.2010

Студворк — интернет-сервис помощи студентам

Доброго времени суток! Народ помогите решить вот такую задачу, надо при нажатии на кнопку добавить еще такие же поля в таблицу...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
        <a id="open_close_berni" href="#">Paradīt "Personas bērni" ievades formu </a> <br>
        <div id="block_links_berni">
        <table border="0" align='center' width="490" id="personas_berni">
            <tr>
                <td colspan="2" align="center"><i><b>Personas bērni</b></i></td>
            </tr>
            <tr>
                <td width="200"><font color="red">Vārds</font></td>
                <td width="200"><input class='datu_ievade' class='datu_ievade' type='text' name="berni_vards" value="<?=@$_POST['berni_vards'];?>"></td>
            </tr>
            <tr>
                <td><font color="red">Uzvārds</font></td>
                <td><input class='datu_ievade' type='text' name='berni_uzvards' value="<?=@$_POST['berni_uzvards'];?>"></td>
            </tr>
            <tr>
                <td><font color="red">Dzimums</font></td>
                <td><select class='datu_ievade' name='berni_dzimums'><option value="">Izvēlēties...</option><option value="sievite" <?php @$_POST['berni_dzimums']=="sievite" ? print "selected" : false;?>>Sieviete</option><option value="virietis" <?php @$_POST['berni_dzimums']=="virietis" ? print "selected" : false;?>>Virietis</option></select></td>
            </tr>
            <tr>
                <td>Dzimšanas datums</td>
                <td><input class='datu_ievade' type='date' name='berni_dzdatums' value="<?=@$_POST['berni_dzdatums'];?>"></td>
            </tr>
            <tr>
                <td>Īpašas pazīmes</td>
                <td><textarea name="berni_pazimes" wrap="hard"><?=@$_POST['berni_pazimes'];?></textarea></td>
            </tr>
            <tr>
                <td>Piezīmes</td>
                <td><textarea name="berni_piezimes" wrap="hard"><?=@$_POST['berni_piezimes'];?></textarea></td>
            </tr>
        </table>
        
            <table align="center">
            <tr>
            <td>
            <input type='button' id='berni_pievienot' value='Pievienot bērnu ievades formu'>
            </td>
            </tr>
            </table>
        </div>

@Gospelwork · 17.05.2014, 17:17

Посмотри пост AJAX обновление таблицы. Только в инпут с кнопкой добавь onclick="имя_функции()" и код jquery впиши в эту функцию.

@Виталюска · 17.05.2014, 17:38 **[ТС]**

Решил:

JavaScript
1
2
3
4
5
$(document).ready(function(){
$('#berni_pievienot').click(function(){
$('#personas_berni > tbody:last').append('<tr><td>Vārds</td><td><input class=\'datu_ievade\' class=\'datu_ievade\' type=\'text\' name=\'berni_vards[]\' value=\'\'></td></tr><tr><td>Uzvārds</td><td><input class=\'datu_ievade\' type=\'text\' name=\'berni_uzvards[]\' value=\'\'></td></tr><tr><td>Dzimums</td><td><select class=\'datu_ievade\' name=\'berni_dzimums[]\'><option value=\'\'>Izvēlēties...</option><option value=\'sievite\'>Sieviete</option><option value=\'virietis\' >Virietis</option></select></td></tr><tr><td>Dzimšanas datums</td><td><input class=\'datu_ievade\' type=\'date\' name=\'berni_dzdatums[]\' value=\'\'></td></tr><tr><td>Īpašas pazīmes</td><td><textarea name=\'berni_pazimes[]\' wrap=\'hard\'></textarea></td></tr><tr><td>Piezīmes</td><td><textarea name=\'berni_piezimes[]\' wrap=\'hard\'></textarea></td></tr>');
});
});

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@Gospelwork 0 / 0 / 1 Регистрация: 16.07.2012 Сообщений: 38
	17.05.2014, 17:17
	Посмотри пост AJAX обновление таблицы. Только в инпут с кнопкой добавь onclick="имя_функции()" и код jquery впиши в эту функцию. 0

Добавить строки по нажатию на кнопку

Решение