javascript - 婴儿数量多于成人时如何发出警报

Question

我想让婴儿数量多于成人时出现警报。我已经尝试过了，但看起来好像出了什么问题。请帮忙..先谢谢了

例如:http://jsfiddle.net/pBxfX/132/

var button = $('#submit'),
    adult = $('#adult option:selected').val(),
    infant = $('#infant option:selected').val();

if(adult > infant) {
 $("#alert").hide;
}
else if(adult == infant) {
 $("#alert").hide;
} 
else {
 $("#alert").show;
}

Answer 1

一些事情:

1. 您需要将 hide 和 show 视为方法(将它们称为 .hide() 和 .show())
2. 您需要在选择的 change 事件处理程序中执行检查代码。
3. 在比较成人和婴儿时，您需要将它们视为整数(目前将它们视为字符串)。

参见http://jsfiddle.net/pBxfX/133/更新代码

var button = $('#submit');

$(document).ready(function() {
    $(button).attr('disabled', true);
    $('input[type="text"]').on('keyup', function() {
        var from = $("#from").val(),
            to = $("#to").val();
        if (from != '' && to != '') {
            $(button).attr('disabled', false);

        } else {
            $(button).attr('disabled', true);
        }
    });

    // Run code when any <select> changes
    $("select").on('change', function() {
        var adult = parseInt($('#adult option:selected').val()); //convert to integers for comparison
        var infant = parseInt($('#infant option:selected').val());  //convert to integers for comparison
        if (adult > infant) {
            $("#alert").hide(); //Note that it is .hide() not .hide
        } else if (adult == infant) {
            $("#alert").hide();
        } else {
            $("#alert").show();
        }
    });

});