如果Ajax和Jquery中的其他条件不起作用

Question

我是Ajax和JQuery的新手，简单的要求是显示一个由用户使用number输入字段选择的值。

我的代码如下：

<input type="text" id="number" />
<span id="display"></span>

<script type="text/javascript">
    $('#number').keyup(function (){
        if($('#number').text($(this).val())===1){
            $("#display").html("15,000");
        }
        else if('#number').text($(this).val())==2){
            $("#display").html("28,000");
        }
        else if('#number').text($(this).val())==3){
            $("#display").html("39,000");
        }
        else if('#number').text($(this).val())==4){
           $("#display").html("48,000");
        }
        else if('#number').text($(this).val())==5){
           $("#display").html("55,000");
        }
    });
</script>

Answer 1

它与Ajax无关。 您的语法无效。

首先，您有很多带有省略括号的语句，例如：

else if('#number').text($(this).val())==2)

通过在('#number')前面添加括号来固定代码。

但是if语句的条件不是我们所需要的。 这样的语句检查text()方法是否返回true 。 此方法设置匹配元素的文本内容。 显然，您不需要使用它。 您需要做的就是检查输入值。 这可以借助val()方法来完成。

因此，您的代码应如下所示：

$(function() {     
    $('#number').keyup(function (){
        if($(this).val() == 1){
            $("#display").html("15,000");
        }
        else if($(this).val() == 2){
            $("#display").html("28,000");
        }
        else if($(this).val() == 3){
            $("#display").html("39,000");
        }
        else if($(this).val() == 4){
            $("#display").html("48,000");
        }
        else if($(this).val() == 5){
            $("#display").html("55,000");
        }
    });
});

小提琴： http : //jsfiddle.net/82t86kqw/1/

正如评论中已经提到的，这种类型的构造通常使用switch / case语句执行。 if else最好else要这样做。