Форум программистов [Powered by Invision Power Board]

Код

<script type="text/javascript">

// добавление ряда
function add(ob) {
   // клонируем TR-ку со всем содержимым
   var tr = ob.cloneNode(true);

   // увеличиваем "аутоинкремент"
   add.counter++;

   // меняем id и name новых полей, обнуляем их значения   
   var inputs = tr.getElementsByTagName('input');
   var nomerToChange = /\[\d+\]$/, nomerToReplace = '['+add.counter+']';
   for (var i=0; i<inputs.length; i++) {
      inputs[i].id = inputs[i].id.replace(nomerToChange, nomerToReplace);
      inputs[i].name = inputs[i].name.replace(nomerToChange, nomerToReplace);
      if (inputs[i].type != 'button') inputs[i].value = '';
   }
   var select = tr.getElementsByTagName('select')[0];
   select.id = select.id.replace(nomerToChange, nomerToReplace);
   select.name = select.name.replace(nomerToChange, nomerToReplace);
   select.selectedIndex = 0;

   // задаем "номер" строке (непонятно, правда, зачем?;)
   tr.setAttribute('nomer', nomerToReplace);

   // если есть следующая tr-ка, вставим новую перед ней, иначе - в конец таблицы
   // цикл нужен для учета текстовых нод между тегами в Gecko
   var  nextTr=ob;
   do { nextTr = nextTr.nextSibling; } while (nextTr && nextTr.nodeType != 1);
   if (nextTr) ob.parentNode.insertBefore(tr,nextTr);
   else ob.parentNode.appendChild(tr);
}

// удаление ряда
function remove(ob) {
   if (ob.parentNode.getElementsByTagName('tr').length > 1) {
      ob.parentNode.removeChild(ob);
   }
   else alert('Нельзя удалить последнюю строку!');
}

// инициализация "аутоинкремента"
add.counter = 0;

</script>
<form action="info.php">
<table>
<tr id="newline" nomer="[0]">
    <td width="30%"><input type="text" name="property_id[0]" id="property_id[0]" value="" style="width:100%"></td>
    <td width="50%"><input type="text" name="property_title[0]" id="property_title[0]" value="" style="width:100%"></td>
    <td width="10%">
        <select name="property_type[0]" id="property_type[0]">
        <option></option>
        <option value="string">строка</option>
        <option value="text">текст</option>
        <option value="int">число</option>
        </select>
    </td>
    <td valign="top"align="right"><input type="button" value="-" style="width:22px" onclick="remove(this.parentNode.parentNode)"></td>
    <td valign="top"align="left"><input type="button" value="+" style="width:22px" onclick="add(this.parentNode.parentNode)"></td>
</tr>
</table>
<input type="submit">
</form>