.val()没有从输入获取更新值

Question

我有两个输入字段,我正在尝试通过单击按钮使用jquery获取其值.这似乎是一个非常简单的操作,但对于我的生活,我无法让它工作.这是代码片段:

Name: <input type="text" id="name" value="test1"><br>
Message: <input type="text" id="line" value="test2"><br>
<button id="submitButton">Submit</button>

<script>
name1 = $("#name").val();
line1 = $("#line").val();

$("#submitButton").click(function(){
    alert("Name: " + name1 + "\nMessage: " + line1);
});

</script>   

如果我没有指定值,则两个变量的alert都返回undefined.如果我更改输入的值并单击按钮,它仍然会显示test1和test2.我必须在这里找到一些简单的东西,任何人都知道它是什么？

Answer 1

在您的代码中,您在初始化脚本时获取值,然后在单击函数中引用它们在该点处的值,而不是获取当前值.

尝试:

$("#submitButton").click(function(){
    name1 = $("#name").val();
    line1 = $("#line").val();
    alert("Name: " + name1 + "\nMessage: " + line1);
});