Javascript 根据下拉选择框的值是否为2或更高,如何显示消息?

Javascript 根据下拉选择框的值是否为2或更高,如何显示消息?,javascript,jquery,select,jquery-select2,Javascript,Jquery,Select,Jquery Select2,我的下拉框中有一把小提琴,样式为Select2: 1. 2. 3. 4. 5. 6. 7. 您选择了2个或更多! 我试图实现的是,如果有人选择值“2”或更高,则消息会显示,但如果选择了“1”,则消息应该隐藏。使用jQuery如何实现这一点?试试: $(document).ready(function() { $('#quantity').change(function() { var selectedValue = $('#quantity').find(":sel

我的下拉框中有一把小提琴,样式为Select2:


1.
2.
3.
4.
5.
6.
7.
您选择了2个或更多!
我试图实现的是,如果有人选择值“2”或更高,则消息会显示,但如果选择了“1”,则消息应该隐藏。使用jQuery如何实现这一点?

试试:

$(document).ready(function() {
    $('#quantity').change(function() {
        var selectedValue = $('#quantity').find(":selected").text();
        if ( selectedValue == '1' ) {
            $('.message').hide();
        } else {
            $('.message').show();
        }
    });
});
在用户更改“选择框”值时隐藏/显示消息

说明

  • 当用户从选择框中选择一个选项时,将调用更改功能
  • 所选选项将作为字符串存储在
    selectedValue
  • 如果该值为“1”
    • 消息将被隐藏
  • 否则
    • 将显示消息
注意:在您的情况下,这就足够了,但是如果您想将这些值作为数字进行比较,您可以使用以下方法:

var selectedValueAsNumber = parseInt(selectedValue);
if ( selectedValueAsNumber < 2 ) {
    ...
} else {
    ...
}
var selectedValueAsNumber=parseInt(selectedValue);
如果(选择的值为编号<2){
...
}否则{
...
}
var selectedValueAsNumber = parseInt(selectedValue);
if ( selectedValueAsNumber < 2 ) {
    ...
} else {
    ...
}