Вывести динамически значения
Есть такой код:
<? $product1_cena='0.01'; $product2_cena='0.50'; $product3_cena='0.70'; $product4_cena='0.95'; ?> <form method="post" action=""> <select type="oplata" name="oplata"> <option value='product1_1'>Яйцо</option> <option value='product1_2'>Мясо</option> <option value='product1_3'>Фарш</option> <option value='product1_4'>Молоко</option> </select> <label>Количество</label> <input type="text" value="100" name="kol" size="10" maxlength="4" autocomplete="off"><br /> Сумма:<b style="color:green">0 руб</b><br> <input type="submit" value='Купить' class="submit"> </form> Надо чтоб когда выбираешь какой-то продукт, внизу ставилась цена за него, и ниже если ставишь больше количество, то цена увеличивается. Помогите пожалуйста |
<form method="post" action="" id="productForm"> <select name="product"> <option value='product1_1' data-price="10">Яйцо</option> <option value='product1_2' data-price="20">Мясо</option> <option value='product1_3' data-price="30">Фарш</option> <option value='product1_4' data-price="40">Молоко</option> </select> <label>Количество</label> <input type="text" value="100" name="quantity" size="10" maxlength="4" autocomplete="off"><br /> Сумма:<b style="color:green"><span id="price">0</span> руб</b><br> <input type="submit" value='Купить' class="submit"> <script> var productForm = document.forms.productForm; productForm.oninput = productForm.onchange = function() { price.innerHTML = this.product[this.product.selectedIndex].getAttribute('data-price') * this.quantity.value; }; </script> </form> |
Ток нужна проверка что quantity -число, а то NaN - не красиво )
<input type="number" min="1" max="9999" />тут бы больше подошел. |
Цитата:
|
спасибо, получилось, но не всегда цена ровная, иногда бывает вот такая 3.0000000000004, как округлить? до 2 знаков после запятой
|
Цитата:
|
А там еще национальная черта есть такая:
value = parseFloat(value.replace(",", ".")).toFixed(2); |
Часовой пояс GMT +3, время: 13:50. |