Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.09.2009, 11:11
anoth3r
 
Сообщений: n/a

Добавление и удаление полей в форму
Есть форма типа:
<form method="GET" action="#">
Name:
<br>
<div id="colName">
<div id="name1">
1.<input id="col_name[1]" name="col_name[1]" type="text" />
<a onclick="return deleteField()" href="#">[X]</a>
</div>
</div>
Data:
<br>
<div id="colVal">
<div id="val1">
1.<input id="col_val[1]" name="col_val[1]" type="text" />
</div>
</div>
<input class="s" type="submit" value="GO!" />
</form>
<a onclick="return addField()" href="#">Добавить поля</a>

Нужно чтобы при нажатии на ссылку "Добавить поля" добавлялось по одному полю в Name и Data, а при нажатии на ссылку "[X]" эти оба поля удалялись.
С JavaScript имею дело впервые, пока только получилось написать функцию на добавление полей:
<script>
var countOfFields = 1; // Текущее число полей
var maxFieldLimit = 30; // Максимальное число возможных полей
function deleteField() {
}

function addField() {
if (countOfFields >= maxFieldLimit) {
alert("Число полей достигло своего максимума = " + maxFieldLimit);
return false;
}
countOfFields++;

var name = document.createElement("div");
var val = document.createElement("div");
name.innerHTML = + countOfFields + ".<input name=\"col_name[" + countOfFields + "]\" type=\"text\" /> <a onclick=\"return deleteField()\" href=\"#\">[X]</a>";
val.innerHTML = countOfFields + ".<input name=\"col_val[" + countOfFields + "]\" type=\"text\" />";
document.getElementById("colName").appendChild(nam e);
document.getElementById("colVal").appendChild(val) ;
return false;
}
</script>
Написать функцию на удаление что-то не получаеться.
Зарание спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 11.09.2009, 14:10
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое удаление строк таблицы Tankist Events/DOM/Window 16 03.07.2013 15:42
Динамические создание полей ввода и заполнение их данными vitasya Events/DOM/Window 2 29.03.2009 22:51
Добавление полей к форме deliro Общие вопросы Javascript 7 22.03.2009 14:20
Добавление новых полей к форме. EZh Элементы интерфейса 7 14.06.2008 03:05
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 21:14