使用 jQuery 将值从 1 个输入框回显到另一个输入框答案

【问题标题】：echo value from 1 input box into another with jQuery使用 jQuery 将值从 1 个输入框回显到另一个输入框
【发布时间】：2012-02-22 17:09:01
【问题描述】：

我有一个 AJAX 驱动的表单，它更像是一个 5 步向导。在最后提交数据之前不会刷新页面。

在前面的步骤中，在 HTML 文本字段中输入了一个值，我希望在最后一页的另一个文本框中显示相同的值，因为他们在点击发送之前查看提交的最终详细信息..

我认为它需要通过 onChange 事件来完成，但我似乎无法让它充分发挥作用，我是一名 PHP 开发人员，所以仍在研究我的 jQuery 技能。这是我写的没有成功的代码：

<script type="text/javascript">
$(document).ready(function() {
$("#textbox1").change(function()
        {
    var text = $("#textbox1").val(); 
    $("#textbox2").html(text);
        }); 
});
</script>

先谢谢各位大佬了。

【问题讨论】：

标签： javascript jquery textinput

【解决方案1】：

你快到了。您只需要使用val 方法来设置值，而不是html 方法：

<script type="text/javascript">
$(document).ready(function() {
$("#textbox1").change(function()
        {
    var text = $("#textbox1").val(); 
    $("#textbox2").val(text);
        }); 
});
</script>

【讨论】：

【解决方案2】：

.val 用于获取和设置输入值：

.val() 返回值
.val(something) 设置值

所以：

$("#textbox2").val(text);

.html 用于获取/设置元素的 HTML 内容，但对于没有意义的输入元素。以下是伪造的（这是.html 正在尝试的）：

<input>some html</input>

【讨论】：

太完美了，感谢您对如何使用 .val 的清晰解释！再次感谢您的专业知识