| |
|
|
| | есть форма
<form name="add" action="form.php" method="POST">
<input type="text" name="pole" value="" />
<input type="button" value="добавить" name="add" />
<input type="button" value="удалить" name="remove" />
<input type="submit" value="сохранить" name="save" />
</form>
|
как сделать, чтоб при нажатии кнопки добавить добалелось идентичное поле pole без перезагрузки и инициализировалось новое имя этого поля,
а при удалении удалялась без перезагрузки, и как получить потом массив со значениями pole[], при нажатии кнопки сохранить и переходе в form.php | |
| |
|
|
| |
|
|
| |
для: Bvz
(31.07.2009 в 16:46)
| | |
<body>
<script language="JavaScript">
<!--
var i = 1;
var value = '';
function addField(){
var valuesA = new Array();
for(k=1; k<=i;k++){
if(document.getElementById('alt_tags_' + k )){
valuesA[k] = document.getElementById('alt_tags_' + k ).value;
}
}
i++;
document.getElementById('div').innerHTML += '<div id="alt' + i + '"><BR><input id="alt_tags_' + i + '" type="text" name="alt_tags[' + i + ']" value=""/><input type="button" name="but" value="Delete" onclick="delField(' + i + ')"></DIV>';
for(k=1; k<i;k++){
if(document.getElementById('alt_tags_' + k )){
document.getElementById('alt_tags_' + k ).value = valuesA[k];
}
}
}
function delField(AltId){
var s = 'alt' + AltId;
objText = document.getElementById(s);
objText.parentNode.removeChild(objText);
//this.objText.innerHTML = "";
}
//-->
</script>
<form action>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Добавление полей</td>
</tr>
<tr>
<td valign="top">
<div id="div">
</div>
</td>
</tr>
<tr>
<td>
<input type="button" class="form_button_100" value="Добавить поле" onclick="addField()" />
</td>
</tr>
</table>
</form>
</body>
|
Вот! Потрудился и тебе даже править не надо, абсолютно рабочий код и очень удобный! | |
| |
|
|
