|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href = "style.css" type="text/css" media="screen">
<title></title>
<script type="text/javascript">
var x = 1;
function addobject() {
x++
var position = document.getElementById('position')
var div1 = document.createElement('div')
div1.innerHTML = 'Размеры позиции №'+x+', м:'
position.appendChild(div1)
var input1 = document.createElement('input')
input1.setAttribute('type', 'text')
input1.setAttribute('name', 'width'+x)
position.appendChild(input1)
input1.className = 'zakaz_right'
var input2 = document.createElement('input')
input2.setAttribute('type', 'text')
input2.setAttribute('name', 'lenght'+x)
position.appendChild(input2)
input2.className = 'zakaz_right'
}
function deleteobject() {
var position = document.getElementById('position')
var width = document.getElementsByName('width2')[0]
position.removeChild(width)
}
</script>
</head>
<body>
<h1>Оформление нового заказа</h1>
<form id="zakaz_form" name = "form" method = "get" action = "index.php">
<div class="zakaz_left">Заказчик: <a href="#">Выбрать</a></div>
<div class="zakaz_left">Материал: <a href="#">Выбрать</a></div>
<div id="position">
<div class="zakaz_left">Размеры позиции №1, м:</div>
<input class="zakaz_right" type="text" name="width1"/><input class="zakaz_right" type="text" name="lenght1"/>
</div>
<input type="button" value="+ позиция" onclick="addobject()"/>
<input type="button" value="- позиция" onclick="deleteobject()"/>
<div class="zakaz_left">Общий расход материала, п.м:</div>
<input class="zakaz_right" type="text" name="rashod"/>
<br>
<input type = "button" value="Сохранить" OnClick = "form.submit()">
</form>
</body>
</html>
|
Функция deleteobject() не срабатывает. Почему? | |
|
|
|
|
|
|
|
для: kireyev
(22.09.2010 в 10:35)
| | Работает ваш скрипт у меня | |
|
|
|
|
|
|
|
для: kireyev
(22.09.2010 в 10:35)
| | потому что removeChild не правильно используете
точнее правильно, но потом пытаетесь второй раз удалить уже удаленный объект
перепишите функцию вот так и сами посмотрите
function deleteobject() {
try {
var position = document.getElementById('position')
var width = document.getElementsByName('width2')[0]
position.removeChild(width)
} catch (e) {
alert(e);
}
}
|
| |
|
|
|
|
|
|
|
для: psychomc
(22.09.2010 в 15:20)
| | Всем спасибо, помогли! | |
|
|
|