@spec2007

Как поправить ошибку js?

Подскажите где ошибка уважаемые......
Считает текст а не значение... Надо 100+1=101 а он выводит итог: 1001

<div class="calc">
<label>Марка автомобиля</label>
<select class="form-control" name="card" id="card">
<option value="">Выбрать</option>
<option value="100">MERSEDES</option>
<option value="200">KIA</option>
<option value="300">LADA</option>
</select>
<br>
<label>Тип автомобиля</label>
<select name="paper" id="paper">
<option value="">Выбрать</option>
<option value="1">Универсал</option>
<option value="2">Купе</option>
</select> 
<br>
<span id="price"></span> руб.
</div>


$(function() {
	$('.calc').change(function(){
		$card = $('select#card').val();
		$paper = $('select#paper').val();
		$('span#price').text($card+$paper);
	});
});
  • Вопрос задан
  • 107 просмотров
Решения вопроса 2
UnluckySerivelha
@UnluckySerivelha
$(function() {
  $('.calc').change(function(){
    $card = parseInt($('select#card').val());
    $paper = parseInt($('select#paper').val());
    $('span#price').text($card+$paper);
  });
});
Ответ написан
Комментировать
link_web
@link_web
Magento, Laravel, Zend, Shopify, Prestashop, WP
Вам нужно преобразовать строки к числам и все будет работать правильно
Вот так: https://jsfiddle.net/o2gxgz9r/36567/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@spec2007 Автор вопроса
Спасибо всем, помогло.
А можно как то использовать тут не только select, а checkbox прикрутить....
например так:
<label><input name="element1" id="element1" type="checkbox" value="3000" /> 2-х дверей</label>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы