Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.11.2014, 18:02
Профессор
Отправить личное сообщение для porezon Посмотреть профиль Найти все сообщения от porezon
 
Регистрация: 09.01.2013
Сообщений: 167

Вывести динамически значения
Есть такой код:

<?
 $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>


Надо чтоб когда выбираешь какой-то продукт, внизу ставилась цена за него, и ниже если ставишь больше количество, то цена увеличивается.

Помогите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2014, 18:11
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<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>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 06.11.2014, 18:14
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Ток нужна проверка что quantity -число, а то NaN - не красиво )

<input type="number" min="1" max="9999" />
тут бы больше подошел.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #4 (permalink)  
Старый 06.11.2014, 18:26
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от porezon
внизу ставилась цена за него, и ниже если ставишь больше количество, то цена увеличивается.
заебись торговля - чем больше купил, тем выше цена....
Ответить с цитированием
  #5 (permalink)  
Старый 07.11.2014, 01:11
Профессор
Отправить личное сообщение для porezon Посмотреть профиль Найти все сообщения от porezon
 
Регистрация: 09.01.2013
Сообщений: 167

спасибо, получилось, но не всегда цена ровная, иногда бывает вот такая 3.0000000000004, как округлить? до 2 знаков после запятой
Ответить с цитированием
  #6 (permalink)  
Старый 07.11.2014, 01:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

Сообщение от porezon
как округлить? до 2 знаков после запятой
прочитать азы js или найти 100500 тем на форуме про это
Ответить с цитированием
  #7 (permalink)  
Старый 07.11.2014, 05:37
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

А там еще национальная черта есть такая:

value = parseFloat(value.replace(",", ".")).toFixed(2);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести значения value из select в input Jeick9 Events/DOM/Window 28 29.11.2017 08:57
Получение значения динамически созданного элемента skeef jQuery 3 21.06.2014 17:45
Как динамически создавать поля и записать значения с массива ? Sergios90 Общие вопросы Javascript 7 19.11.2013 18:34
КАк в окошке вывести значения поля растущий Общие вопросы Javascript 1 03.03.2013 04:10
Сократить кол-во инпут до одного, динамически менять значения тега input Dikkiy jQuery 2 01.05.2012 02:33