Сообщение от Sweet
|
kireyev, тебе ведь нужно удалить 3 элемента. Не проще ли помещать их в div id='container'+x и удалять потом:
var elToDel = document.getElementById('container'+x)
elToDel.parentNode.removeChild(elToDel)
x--
|
Отличное решение, для потомков:
<!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.setAttribute('id', 'div'+x)
div1.innerHTML = 'Размеры позиции №'+x+', м:'
position.appendChild(div1)
var input1 = document.createElement('input')
input1.setAttribute('type', 'text')
input1.setAttribute('name', 'width'+x)
div1.appendChild(input1)
input1.className = 'zakaz_right'
var input2 = document.createElement('input')
input2.setAttribute('type', 'text')
input2.setAttribute('name', 'lenght'+x)
div1.appendChild(input2)
input2.className = 'zakaz_right'
}
function deleteobject() {
var elToDel = document.getElementById('div'+x)
elToDel.parentNode.removeChild(elToDel)
x--
}
</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>