[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: добавление input'ов
myconstitution
Здравствуйте.

Начну с сути, есть таблица:
user posted image

Шапка таблицы (Вид, Стоимость, Сроки) всегда без изменений, а вот количество строк (две, как в примере или больше) разное.

Задача:
Сделать форму для добавления записей в такую таблицу. Первоначально выводится 3 инпута или текстареа:


<form action="" method="post">
<h4>
Вид:</h4>
<textarea
name="value1[]"></textarea>

<h4>
Стоимость услуг:</h4>
<input
type="text" name="value2[]" />

<h4>
Сроки:</h4>
<input
type="text" name="value3[]" />

<input
name="ok" type="button" value="добавить еще"/>
<input
name="ok" type="submit" value="ok" />
</form>


При нажатии на ok - по post отправляем 3 значения.
При нажатии на добавить еще - добавляем вниз еще три инпута или текстарии (можно эти значения хранить например formRow.tpl в виде html и при необходимости забирать от туда).

Что не понятно:
Как сделать добавление этих (нужных) строк в форму?

Спасибо.
alex12060
Поюдключаешь JQuery. Пишешь код:

ща, погодь)
alex12060

function addcell(num)
{
max = ($("span").size())-3;
$("table").append("<span id=\"t_"+(max+1)+"\"><h4>Вид:</h4><textarea name=\"value1[]\"></textarea><h4>Стоимость услуг:</h4><input type=\"text\" name=\"value2[]\" /><h4>Сроки:</h4><input type=\"text\" name=\"value3[]\" />");
return true;
}

function delcell(num)
{
max = ($("span").size())-3;
$("#s"+max).remove();
return true;
}

alex12060
Если что не понятно, пиши.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.