使用jQuery将1个输入框中的值回显到另一个输入框

时间:2012-02-22 17:09:02

标签: javascript jquery textinput

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

在较早的步骤中,将值输入到HTML文本字段中,我希望在最后一页的另一个文本框中显示相同的值,因为他们在发送之前查看提交的最终详细信息。< / p>

我认为需要使用onChange事件来完成,但我似乎无法让它完全运行,我是一名PHP开发人员,所以我仍然在研究我的jQuery技能。这是我写的代码没有成功:

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

先谢谢你们。

2 个答案:

答案 0 :(得分:6)

你快到了。您只需使用val方法设置值,而不是html方法:

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

答案 1 :(得分:4)

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

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

所以:

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

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

<input>some html</input>