jQuery if/else 语句失败

Question

我有这段代码，它在更改时查找选择框中的值，并使用 jQuery .text 设置 html 元素，以下代码中的第一个 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

我做了一个example以便您从 select 中获取选定的值。

<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');
         } 
});