javascript - 如果下拉选择框的值是 2 或更高，如何显示消息？

Question

我的下拉框有一个 fiddle ，样式为 Select2:

http://jsfiddle.net/f6gg37en/1/

<select id="quantity">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>

<span class="message">You selected 2 or more!</span>

我想要实现的是，如果有人选择值“2”或更高，则显示一条消息，但如果选择“1”，则消息应该被隐藏。我如何使用 jQuery 实现这一点？

Answer 1

尝试:

$(document).ready(function() {
    $('#quantity').change(function() {
        var selectedValue = $('#quantity').find(":selected").text();
        if ( selectedValue == '1' ) {
            $('.message').hide();
        } else {
            $('.message').show();
        }
    });
});

当用户更改选择框值时隐藏/显示消息。

解释:

• 当用户从选择框中选择一个选项时，会调用一个更改函数
• 所选选项将作为字符串存储在selectedValue
• 如果该值为“1”
  • 消息将被隐藏
• 否则
  • 将显示消息

P.S.:这对你的情况来说已经足够了，但如果你想将值作为数字进行比较，你可以使用这样的东西:

var selectedValueAsNumber = parseInt(selectedValue);
if ( selectedValueAsNumber < 2 ) {
    ...
} else {
    ...
}