Показать сообщение отдельно
  #3 (permalink)  
Старый 09.12.2013, 10:15
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Спасибо, получилось!!!
Теперь я хочу добавить товаров в форму (из планируется 3 штуки).
Делаю разметку такой:
<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>
		<tr>
			<td><span>Орех гварнери</span></td>
			<td>
				<input type="text" value="" id="quantity">
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
		<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>

Код JS согласно внесенным изменениям:
function someFunc(){
var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество
var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара)
var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента <span> с названием цвета товара
var totalprice = price;
document.getElementById("zayavka").innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>\n <p>Итого: "+totalprice+" руб.</p>";;
//var div = document.createElement("div"); // Создаем элемент div
//div.innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>\n <p>Итого: "+totalprice+" руб.</p>"; // Наполняем созданный div содержанием с подстановкой значения price
 // Все вкладывается в <div id=zayavka></div>
return false;
//alert(tovar);

}


проблема в том, что теперь по нажатию Заказать у 2 или 3 товара, функция не срабатывает либо отрабатывает значение первого товара. В чем может быть проблема?

Последний раз редактировалось Batyabest, 09.12.2013 в 10:22.
Ответить с цитированием