Показать сообщение отдельно
  #1 (permalink)  
Старый 29.06.2016, 12:47
Интересующийся
Отправить личное сообщение для core Посмотреть профиль Найти все сообщения от core
 
Регистрация: 13.11.2012
Сообщений: 19

Упростить код функции для select
Решаю задачу - суммирование цены в зависимости от выбранных select.
Как упростить код - чтоб не подключаться к каждому select по ID? Зашел в тупик и написал такое ..

$(function(){ 
	var StandartValSel = 0;		
	var optionVal = 0;		
	

		$('select').on('change', function (e) {
        optionVal += parseInt( $(e.target).find("option:selected").val() );
		
		$('#price').text(optionVal);
	})
})

Пример HTML
<div id="price">0</div>
<select class="form-control " id="id1">
				<option value="0">Select:</option>
				<option value="110">110 Euro</option>
				<option value="120">120 Euro</option>
				<option value="130">130 Euro</option>
			</select>

			<select class="form-control " id="id2">
				<option value="0">Select:</option>
				<option value="10">10  Euro</option>
				<option value="20">20 Euro</option>
				<option value="30">30 Euro</option>
			</select>
			
			<select class="form-control " id="id3">
				<option value="0">Select:</option>
				<option value="210">210  Euro</option>
				<option value="220">220 Euro</option>
				<option value="230">230 Euro</option>
			</select>

Последний раз редактировалось core, 29.06.2016 в 12:49.
Ответить с цитированием