| |
|
|
| | Есть обычная форма... в нем поле типа text
Надо сделать две кнопки (+, -) надо что бы по нажатии на кнопку + добавлялось еще одно аналогичное поле text внизу уже имеющегося, а при нажатии на - удалось одно поле типа текст снизу.
Срочно надо, помогите | |
| |
|
|
| |
|
|
| |
для: kailDeSazerland
(31.03.2008 в 17:34)
| | |
<html>
<head>
<title>Project</title>
</head>
<body>
<a href="javascript:Add()">+</a><a href="javascript:Drop()">-</a>
<div id="list">
<input type="text" name="name1" />
</div>
</body>
<script>
function Add(){
var parent = document.getElementById('list');
var child = document.createElement('INPUT');
input = parent.appendChild(child);
input.type = 'text';
input.name = 'name'+(parent.childNodes.length-1);
input.value = 'name'+(parent.childNodes.length-1);
}
function Drop(){
var parent = document.getElementById('list');
var list = document.getElementById('list').childNodes;
parent.removeChild(list[list.length-1]);
}
</script>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ONYX
(01.04.2008 в 08:43)
| | | Спасибо...
А как сделать что бы добавлялось не в строку, а в низ, и если осталась одна, то её не удалять | |
| |
|
|
| |
|
|
| |
для: sazerland_kail
(01.04.2008 в 10:59)
| | |
<html>
<head>
<title>Project</title>
</head>
<body>
<a href="javascript:Add()">+</a><a href="javascript:Drop()">-</a>
<div id="list">
<input type="text" name="name1" />
</div>
</body>
<script>
function Add(){
var parent = document.getElementById('list');
var div = document.createElement('DIV');
var child = document.createElement('INPUT');
input = parent.appendChild(div);
input = input.appendChild(child);
input.type = 'text';
input.name = 'name'+(parent.childNodes.length-1);
input.value = 'name'+(parent.childNodes.length-1);
}
function Drop(){
var parent = document.getElementById('list');
var list = document.getElementById('list').childNodes;
if(list.length==1) return;
parent.removeChild(list[list.length-1]);
}
</script>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ONYX
(02.04.2008 в 08:15)
| | | Спасибо, скрипт то что надо...
А как адаптировать на то, что в форме уже есть несколько подобных полей
<div id="list">
<input type="text" name="data[Question][0][answer]" value="Нормально"><br>
<input type="hidden" name="data[Question][0][id]" value="12">
<input type="text" name="data[Question][0][answer]" value="Плохо"><br>
<input type="hidden" name="data[Question][0][id]" value="13">
<input type="text" name="data[Question][0][answer]" value="Все отлично"><br>
<input type="hidden" name="data[Question][0][id]" value="14">
</div>
|
Кнопка добавления - работает по тому же принципу, но кнопка удалить должна удалять добавлененные плюсом поля, а затем и эти поля текст в паре с хиден | |
| |
|
|
