javascript - Ajax 和 Jquery 中的 if else 条件不起作用

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");
        }
    });
});

fiddle :http://jsfiddle.net/82t86kqw/1/

正如评论中已经提到的，这种类型的构造通常使用 switch/case 语句来执行。拥有太多的 if/else 并不是最佳实践。