将文本框值转发到同一页面中的另一个隐藏文本框中

时间:2014-01-29 07:42:24

标签: javascript jquery html

我有2个文本框,其中一个是隐藏的。单击“提交”时,在第一个文本框中输入的值应传递给下一个隐藏的文本框。

这是我的代码,

<html>
<head>
    <title>Contact Form</title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script type="text/javascript" language="javascript"></script>
   <script>
   $(function(){
    $('#textbox1').blur(function() {
        $('input[name=textbox2]').($('#textbox1').val());

    });

});
</script>
</head>
<body>
    <form>
    <input name="textbox1" type="text" class="inputext" value=""  style="cursor: text" id="textbox1" />
<input name="textbox2" type="hidden" class="inputext" value=""  style="cursor: text" id="textbox2" />
<input name="Add" type="button" value="Add" id="btn"/>
</form>
</body>
</html>

非常感谢任何帮助:)

3 个答案:

答案 0 :(得分:1)

更新您的代码:

 <html>
    <head>
        <title>Contact Form</title>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
       <script type="text/javascript" language="javascript"></script>
       <script>
       $(function(){
        $('#textbox1').blur(function() {
            $('input[name=textbox2]').attr('value',$('#textbox2').val()+$('#textbox1').val());
    console.log($('#textbox2').val());
        });

    });
    </script>
    </head>
    <body>
        <form>
        <input name="textbox1" type="text" class="inputext" value=""  style="cursor: text" id="textbox1" />
    <input name="textbox2" type="hidden" class="inputext" value=""  style="cursor: text" id="textbox2" />
    <input name="Add" type="button" value="Add" id="btn"/>
    </form>
    </body>
    </html>

答案 1 :(得分:0)

你错过了val()函数

<强>示例

    $('#textbox1').blur(function() {
       $('#textbox2').val($(this).val());
   });

答案 2 :(得分:0)

     <script>  
      $(document).ready(function() { 
       $('#btn').click(function() {
       var textbox1=$("#textbox1").val(); 
        $("#textbox2").val(textbox1);
            });  }); 
</script>

<form>
    <input name="textbox1" type="text" class="inputext" value=""  style="cursor: text" id="textbox1" />
<input name="textbox2" type="text" class="inputext" value=""  style="cursor: text" id="textbox2" />
<input name="Add" type="button" value="Add" id="btn"/>
</form>