Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Необходима помощь с select (https://javascript.ru/forum/misc/53270-neobkhodima-pomoshh-s-select.html)

Reversato 27.01.2015 18:27
Необходима помощь с select
 
Имеется HTML код:
<span></span>
<select name="select" id="select">
<option value="1">Значение 1</option>
<option value="2">Значение 2</option>
<option value="3">Значение 3</option>
</select>

JS код: 
var price = 0;
var span = $('span');
span.html(price);
var arr = [100,200,300];
$('#select').change(function(){
var mySelect = $('#select :selected').val();
if (mySelect == 1){
price += arr[0];
span.html(price);
}
if (mySelect == 2){
price += arr[1];
span.html(price);
}
if (mySelect == 3){
price += arr[2];
span.html(price);
}
});


Мне необходимо, чтобы при клике на один из вариантов добавлялась стоимость к переменной price, а если я нажал на другую, шло вычитание из уже имеющейся и добавление выбранного.
Буду благодарен, спасибо.

рони 27.01.2015 20:47
Цитата:
Сообщение от Reversato
var mySelect = $('#select :selected').val();
 
var mySelect = this.value;

Цитата:
Сообщение от Reversato
шло вычитание из уже имеющейся
что вычитаем?

Reversato 27.01.2015 20:50
Цитата:
Сообщение от рони (Сообщение 353766) 
var mySelect = this.value;

что вычитаем?
Ту же, что и в сложении

рони 27.01.2015 20:53
Reversato,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function() {
    var price = 0;
    var span = $('span');
    span.html(price);
    var arr = [100, 200, 300];
    $('#select').change(function() {
        price = arr[this.selectedIndex]
        span.html(price);
    })
});
  </script>
</head>

<body>
  <span></span>
<select name="select" id="select">
<option value="1">Значение 1</option>
<option value="2">Значение 2</option>
<option value="3">Значение 3</option>
</select>

</body>

</html>

рони 27.01.2015 20:53
Цитата:
Сообщение от Reversato
Ту же, что и в сложении
не осилил

danik.js 27.01.2015 22:02
Цитата:
Сообщение от Reversato
Ту же, что и в сложении
Зачем эта канитель со сложением-вычитанием? Храни отдельно исходное число, как константу.


Часовой пояс GMT +3, время: 19:45.