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

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Создание текстовых полей на лету

Автор: korob2001 21.5.2005, 00:08

Привет!!
Здесь PARROT задавала вопрос, я думал именно этот, но как выяснилось не он. smile

Подскажите как создать поле на лету?
Вот например на Yandex'e когда отправляешь письмо, можно прикрепить к нему файл, если нужно ещё один прикрепить, жмёшь кнопку + рядом с полем FILE, после появляется ещё одно поле и кнопки - и +, если решил ещё прикрепить один файл, жму плюс, которы появился вместе со вторым полем. Если нужно удалить жму минус, поле исчезает. name='.....' могут быть одинаковыми, даже желательно, что бы они были одинаковые.

Спасибо.

Автор: Aliance 21.5.2005, 13:58

Пользуйся поиском, такая тема поднималась. Там я давал такой код:

Код


<HTML>
<HEAD>
<title>Тест</title>
<script type="text/javascript">
function addField () {
var pole = document.f1;
var kuda = document.getElementById("newblock");
kuda.innerHTML = "<input type=text name=choise[4]>"
var count = pole.elements.length-1;
kuda.innerHTML = "<input type=text name=choise[" + count + "]>";

var kuda2 = document.getElementById("abc");
kuda2.innerHTML = count;
}

function qwe () {
var pole = document.f1;
var kuda = document.getElementById("abc");
var count = pole.elements.length-1;
kuda.innerHTML = count;
}
</script>
</HEAD>

<BODY onload="qwe()">

<div id="block" style="border: 1px red solid; padding: 10px;">

<table>
<tr id=ch>
<form action="" name="f1">
<input type=text name=choise[1]>
<input type=text name=choise[2]>
<input type=text name=choise[3]>
<p id="newblock">.....</p>
<!-- вот сюда хочу добавить поле, по нажатию кнопки  естественно увиличив name=choise[xxx] //-->
<input type=button onClick="addField()" value=ADD>
</form>
</tr>
</table>

</div>

<br><br><BR>
<span style="border: 1px red solid; padding: 10px;">
Всего элементов форм <b>input</b>, не считая кнопки добавить: <span id="abc" style="font: bold"></span>
</span>

</BODY>
</HTML>

Добавлено @ 14:01
И еще от Sardar`а:
http://forum.vingrad.ru/index.php?showtopic=46002

Автор: korob2001 21.5.2005, 18:48

Aliance - Спасибо. То, что нужно. smile