Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как в динамически добавляемый элемент добавить еще несколько? (https://javascript.ru/forum/dom-window/9642-kak-v-dinamicheski-dobavlyaemyjj-ehlement-dobavit-eshhe-neskolko.html)

sadonn 29.05.2010 11:27

как в динамически добавляемый элемент добавить еще несколько?
 
Здравствуйте уважаемые!
Как добавить к существующему динамически добавляемому текстовому полю, еще 2 или 3 текстовых поля? т.е. чтоб в строчку было 2-3 текстовых поля и при нажатии на кнопку добавить, соответственно выводились эти поля.
Вот код которым выводиться 1-но поле
<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);
this.objText.innerHTML = "";

}
//-->
</SCRIPT><table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Add Field</td>
</tr>
<tr>
<td valign=top>
<div id="div">
<DIV id="alt0"><BR><input type="text" id="alt_tags_0" 
name="alt_tags[0]" class="form250" value="">
<input type="button" name="but" 
value="Delete" onclick="delField('0')"></DIV>
</div>
</td>
</tr>
<tr>
<td>
<input type="button" class="form_button_100" 
value="Add Field" onclick="addField()" />
</td>
</tr>
</table>

exec 29.05.2010 12:07

http://javascript.ru/forum/misc/9633...iem-input.html


Часовой пояс GMT +3, время: 08:09.