javascript - 如果婴儿人数多于成人，如何显示警报

如果婴儿人数多于成人人数，我想发出警报。
我已经尝试过，但是看起来好像出了点问题。
请帮助..谢谢之前

例如：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;
}

最佳答案

一些东西：


您需要将隐藏和显示视为方法（将它们称为.hide（）和.show（））
您需要在select的更改事件处理程序中执行检查代码。
在将成人与婴儿进行比较时，您需要将它们视为整数（当前它们被视为字符串）。


有关更新的代码，请参见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();
        }
    });

});