Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 15.08.2019, 15:51
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Step48_rus
а что если мне нужно умножить 1000 полученную из '1_5': 1000,
на количество получанное из <input class="form-control" type="number" size="3" min="1" value="1" id="qty"> и записать в <div class="sum"></div>
https://www.youtube.com/watch?v=byuK7eVpx1Y
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('#mySelect, #mySelect2').change(test);
	$('.form-control').on('input',test);
	function test(){
		var o={
			'tipe1_mon1': 1000,
			'tipe1_mon2': 2000,
			'tipe2_mon1': 4000
		};
		var key=$('#mySelect > :checked').attr('id');
		key+='_'+$('#mySelect2 > :checked').attr('id');
		var val=o[key]? o[key]: '';
		$('.price').text(val);
		val*=$('.form-control').val();
		$('.sum').text(val);
	};
	test();
});
</script>
</head>
<body>
<select id="mySelect">
	<option value="1" id="tipe1">tipe1</option>
	<option value="2" id="tipe2">tipe2</option>
	<option value="3" id="tipe3">tipe3</option>
</select>
<select id="mySelect2">
	<option value="5" id="mon1">mon1</option>
	<option value="6" id="mon2">mon2</option>
	<option value="7" id="mon3">mon3</option>
	<option value="8" id="mon4">mon4</option>
</select>
<input class="form-control" type="number" size="3" min="1" value="1" id="qty" />
<div class="price"></div>
<div class="sum"></div>
</body>
</html>
Ответить с цитированием
  #12 (permalink)  
Старый 15.08.2019, 16:50
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

Ты лучший! спасибо!
Ответить с цитированием
  #13 (permalink)  
Старый 15.08.2019, 19:39
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

работает, но цена меняется не при увелечении цифры,а тольк опосле того как ты увеличил и выбрал число из второго селекта
Ответить с цитированием
  #14 (permalink)  
Старый 15.08.2019, 19:44
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

$(function(){
    $('#mySelect, #mySelect2').change(test);
    $('.form-control').on('input',test);
    function test(){
        var o={
            'tipe1_mon1': 18200,'tipe1_mon2': 18200,'tipe1_mon3': 18200,'tipe1_mon4': 17700,'tipe1_mon5': 17700,'tipe1_mon6': 17700,'tipe1_mon7': 17700,'tipe1_mon8': 17700,'tipe1_mon9': 17700,'tipe1_mon10': 17700,'tipe1_mon11': 17700,'tipe1_mon12': 17700,'tipe1_mon13': 17200,'tipe1_mon14': 17200,'tipe1_mon15': 17200,'tipe1_mon16': 17200,'tipe1_mon17': 17200,'tipe1_mon18': 17200,'tipe1_mon19': 17200,'tipe1_mon20': 17200,'tipe1_mon21': 17200,'tipe1_mon22': 17200,'tipe1_mon23': 17200,'tipe1_mon24': 17200,
            'tipe2_mon1': 19250,'tipe2_mon2': 19250,'tipe2_mon3': 19250,'tipe2_mon4': 18750,'tipe2_mon5': 18750,'tipe2_mon6': 18750,'tipe2_mon7': 18750,'tipe2_mon8': 18750,'tipe2_mon9': 18750,'tipe2_mon10': 18750,'tipe2_mon11': 18750,'tipe2_mon12': 18750,'tipe2_mon13': 18250,'tipe2_mon14': 18250,'tipe2_mon15': 18250,'tipe2_mon16': 18250,'tipe2_mon17': 18250,'tipe2_mon18': 18250,'tipe2_mon19': 18250,'tipe2_mon20': 18250,'tipe2_mon21': 18250,'tipe2_mon22': 18250,'tipe2_mon23': 18250,'tipe2_mon24': 18250,
            'tipe3_mon1': 19670,'tipe3_mon2': 19670,'tipe3_mon3': 19670,'tipe3_mon4': 19170,'tipe3_mon5': 19170,'tipe3_mon6': 19170,'tipe3_mon7': 19170,'tipe3_mon8': 19170,'tipe3_mon9': 19170,'tipe3_mon10': 19170,'tipe3_mon11': 19170,'tipe3_mon12': 19170,'tipe3_mon13': 18670,'tipe3_mon14': 18670,'tipe3_mon15': 18670,'tipe3_mon16': 18670,'tipe3_mon17': 18670,'tipe3_mon18': 18670,'tipe3_mon19': 18670,'tipe3_mon20': 18670,'tipe3_mon21': 18670,'tipe3_mon22': 18670,'tipe3_mon23': 18670,'tipe3_mon24': 18670
        };
        var key=$('#mySelect > :checked').attr('id');
        key+='_'+$('#mySelect2 > :checked').attr('id');
        var val=o[key]? o[key]: '';
        $('.price').text(val);
        val*=$('.qty').val();
        $('.sum').text(val);
    };
    test();
});

<form class="form_callback" id="form_callback">
	<label for="type">Тип контейнера :</label>
	<select id="mySelect">
    	<option value="1" id="tipe1">Тип контейнера 1 : Базовый блок-контейнер 20” без дополнительных опций </option>
    	<option value="2" id="tipe2">Тип контейнера 2 : Блок-контейнер 20-футовый с дополнительным тамбуром</option>
    	<option value="3" id="tipe3">Тип контейнера 3 : Блок-контейнер 20-футовый с тамбуром и настенным обогревателем</option>
	</select>
	<label for="srok">Срок аренды, месяцев:</label>
	<select id="mySelect2">
    	<option value="1" id="mon1">1</option>
    	<option value="2" id="mon2">2</option>
    	<option value="3" id="mon3">3</option>
    	<option value="4" id="mon4">4</option>
    	<option value="5" id="mon5">5</option>
    	<option value="6" id="mon6">6</option>
    	<option value="7" id="mon7">7</option>
    	<option value="8" id="mon8">8</option>
    	<option value="9" id="mon9">9</option>
    	<option value="10" id="mon10">10</option>
    	<option value="11" id="mon11">11</option>
    	<option value="12" id="mon12">12</option>
    	<option value="13" id="mon13">13</option>
    	<option value="14" id="mon14">14</option>
    	<option value="15" id="mon15">15</option>
    	<option value="16" id="mon16">16</option>
    	<option value="17" id="mon17">17</option>
    	<option value="18" id="mon18">18</option>
    	<option value="19" id="mon19">19</option>
    	<option value="20" id="mon20">20</option>
    	<option value="21" id="mon21">21</option>
    	<option value="22" id="mon22">22</option>
    	<option value="23" id="mon23">23</option>
    	<option value="24" id="mon24">24</option>
	</select>
	<label for="col">Количество блок-контейнеров, единиц :</label>
	<input class="qty" type="number" size="3" min="1" value="1" id="qty" />
	<p>Стоимость аренды, ₽ в месяц</p>
	<div class="price"></div>
	<p>Общая сумма аренды, ₽</p>
	<div class="sum"></div>
  <input class="crm-webform-submit-button" type="submit">
</form>
Ответить с цитированием
  #15 (permalink)  
Старый 15.08.2019, 19:53
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

Прости туплю, разобрался
Ответить с цитированием
  #16 (permalink)  
Старый 15.08.2019, 19:55
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Step48_rus
'#mySelect > :checked'
Нет такого свойства у опций, у них selected - '#mySelect :selected'.
Ответить с цитированием
  #17 (permalink)  
Старый 15.08.2019, 20:38
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

ну все работает как надо
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать вывод sabmit в зависимости от radio кнопки Andrey3443 Общие вопросы Javascript 1 25.11.2018 09:55
Как с помощью скрипта высчитать ширину полосы прокрутки? LADYX Элементы интерфейса 35 13.11.2017 12:50
Вывод значений в зависимости от Select ElAxander Общие вопросы Javascript 37 28.10.2017 19:24
Вывод информации в зависимости от выбранных значений select Batyabest Events/DOM/Window 1 01.10.2014 05:20
вывод текста из select ioane Элементы интерфейса 1 12.05.2013 16:19