将用户输入的值添加到单独的文本区域中

时间:2014-08-20 16:20:39

标签: javascript html

我需要显示一个HTML表单,用户在字段中输入值。 textarea以相同的形式显示。用户在文本字段中输入文本并单击“提交”后,应将所提交的值附加并显示在textarea框中。类似的东西:

字段1:某个文本框

字段2:文本框

提交按钮

字段3:当我单击提交时,在此文本区域中一起显示在字段1和字段2中输入的文本。

任何关于此的想法都会非常有用。

1 个答案:

答案 0 :(得分:0)

可能你想这样做,试试这个......

<input type="text" id="txt1"/>
<input type="text" id="txt2"/>
<input type="button" value="submit" id="btn1"/> 
<textarea id="txt3">hello</textarea>

$(document).ready(function(){
    $("#btn1").click(function(){
        txt1=$("#txt1").val();
        txt2=$("#txt2").val();
        //alert(txt1+txt2;
        $("#txt3").val(txt1+txt2);
    });
});

点击此处进行实时演示:http://jsfiddle.net/vwckksL6/1/

谢谢