JQuery if / else Сбой инструкции

Question

У меня есть этот фрагмент кода, который ищет значение в поле выбора при изменении и устанавливает элемент html с jQuery .text, первый оператор if в следующем коде, кажется, работает, «Зеленый», но «Синий»Если нет, есть идеи, почему?

$("#firstdrop").change(function() { 
    if ($("#firstdrop").val() == "Green") { 
        $('.price-tag').text('Green $5.00');
    } 
    if ($("#firstdrop").val() == "Blue") { 
        $('.price-tag').text('Blue $15.00');
    }        
});

Помощь оценена.

Спасибо

Answer 1

Я создаю пример , чтобы вы могли выбрать выбранное значение из выбора.

<select id="firstdrop">
    <option value="-">-Select-</option>
    <option value="Green">Green</option>
    <option value="Blue" >Blue</option>
</select>

---

$('#firstdrop').change(function() { 
         var sel_value = $("#firstdrop option:selected").val(); 
         if (sel_value == 'Green') { 
            $('.price-tag').text('Green $5.00');
         } 
         if (sel_value == 'Blue') { 
            $('.price-tag').text('Blue $15.00');
         }
         if( sel_value == '-')
         {
            $('.price-tag').text('0');
         } 
});