Question

所以我使用变量进行连接，它只会打印undefined。我已经找了几个小时的解决方案，并没有找到最接近的原因形成这个问题jQuery "undefined" prints when appending to html element，但解决方案仍然没有奏效。

请帮助和解释，以便我可以学习和理解。谢谢。我的代码如下。

$(document).ready(function(){
var nam="";
$("#sayHello").click(function(){
    nam = $("textBox1").val();
    if(nam != ""){
        $("#welcome").html("<p>Hello "+ nam +"</p>").show;
    }
    ;});


});

这是我的jquery / javascript 这是我的HTML

<body>
<div id="container">
    <div id="inputBox">
    Here is my first text box.
    <input id="textBox1" type="text" value=""/>

    <button id="sayHello">Submit</button>
    </div>

    <div id="welcome">
    </div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="myJQ.js"></script>
</body>

Answer 1

我已编辑您的代码尝试

$(document).ready(function(){
var nam="";
$("#sayHello").click(function(){
    nam = $("#textBox1").val();
    if(nam){
        $("#welcome").html("Hello "+nam)
    }
    });


});

<body>
<div id="container">
    <div id="inputBox">
    Here is my first text box.
    <input id="textBox1" type="text"/>

    <button id="sayHello">Submit</button>
    </div>

    <div id="welcome">
    </div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="myJQ.js"></script>
</body>

当使用.html（）。show（）时，jQuery“undefined”会打印出来

1 个答案: