У меня похожий вопрос.
При вводе количества, в отдельном блоке появляется заявка. Как сделать так, чтобы при нажатии кнопки заказать (к примеру 2 раз) значения не добавлялись еще раз, а изменялись?
<form>
<table id="zakazTable">
<tr>
<td><span>Венге</span></td>
<td>
<input type="text" value="" id="quantity">
<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
</td>
</tr>
</table>
<div id="zayavka"></div>
</form>
function someFunc(){
var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество
function empty_form ()
{
var quantity = document.getElementById('quantity').value;
if(quantity == '')
{
alert('Вы забыли ввести текст.');
return false;
}
return true;
}
var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара)
var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента <span> с названием цвета товара
var totalprice = price;
var div = document.createElement("div"); // Создаем элемент div
div.innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>\n <p>Итого: "+totalprice+" руб.</p>"; // Наполняем созданный div содержанием с подстановкой значения price
document.getElementById("zayavka").appendChild(div); // Все вкладывается в <div id=zayavka></div>
return false;
}