форма

Динамическое добавление элементов к форме

Ромка — Ср, 09/17/2008 - 17:02

При разработке модуля Inner poll возникла задача динамического добавления элементов к форме. С помощью библиотеки jQuery эта задача решается в два счета.

Для начала пишем функцию:

<?php
function addInput() {
  /* default-id — скрытый элемент формы, из которого берется id для первого создаваемого элемента */
  var id = document.getElementById("default-id").value;
  id++;
  /* в форму с именем testform добавляем новый элемент */
  $("form[name=testform]").append('<div id="div-' + id + '"><input name="input-' + id + '" id="input-' + id + '" value="' + id + '"><a href="javascript:{}" onclick="removeInput(\'' + id + '\')">Удалить</a></div>');
  /* увеличиваем счетчик элементов */
  document.getElementById("default-id").value = id;
}
?>

Затем создаем форму:

<?php
<form name="testform" action="test.php" method="POST">
      <input type="hidden" id="default-id" value="0">
      <input type="submit" value="Отправить!">
</form>
<a href="javascript:{}" onclick="addInput()">Добавить текстовое поле</a><br>
?>