使用javascript在textarea中显示文本

时间:2016-09-02 11:13:19

标签: javascript html ajax forms

我在 index.jsp 中使用了以下代码,经过大量处理后,在表单中设置textarea INPUT_TEXT和INPUT_TEXT2的值,其中文本通过servlet,java类和预处理数据然后返回到第二个textarea。

代码I:

<td>
<% 
   String txtvalue="";
   if(request.getAttribute("x")!=null){
       txtvalue=request.getAttribute("x").toString();
       System.out.println("txtvalue= "+txtvalue);
 }%>

 <textarea id="INPUT_TEXT" name="INPUT_TEXT" style="font-size: 13pt;" rows="15" cols="50"><%=txtvalue%></textarea>
</td>

<td>
<% 
    String txt="";
    if(request.getAttribute("y")!=null){
       txt=request.getAttribute("y").toString();
       System.out.println("txt= "+txt);
 }%>

 <textarea id="INPUT_TEXT2" name="INPUT_TEXT2" style="font-size: 13pt;" rows="15" cols="50"><%=txt%></textarea>
 </td>

我尝试过使用

1) innerHTML

2)使用document.getElementById(“INPUT_TEXT”)和

设置值 3)我在代码I中给出的本方法。

不幸的是,没有任何作用!

方法3(代码I)用于工作,但之后我不得不对onclick之后调用的函数进行一些更改,以发出POST请求,现在看起来像这样: / p>

CODE II

function submitPreprocessForm() {
   var postData=$("#maryWebClient").serializeArray();
   $.ajax({
     url: "preprocess",
     context:this,
     type:"POST",
     dataType:"JSON",
     data:postData,
     contentType: "application/x-www-form-urlencoded;charset=utf-8",
     success: function(response){
     }
 });
}

现在,txt和txtvalue(代码I)正在仅打印到NetBeans输出控制台(正确地,我可能会添加)但不会打印到网页,单击提交按钮后重置。因此,尽管整个内部功能完美地工作,但唯一的问题是文本没有在相应的文本中显示。 请帮助。

2 个答案:

答案 0 :(得分:0)

以下方法解决了我的问题,文本显示在textrea中。

success: function(response){
             $("#INPUT_TEXT").val(response["x"]);
             $("#INPUT_TEXT2").val(response["y"]);
         },

我必须删除<%=txtvalue%>,因为它导致textarea被初始化为null。

答案 1 :(得分:0)

<div>
    <textarea id="text" ></textarea>
    <button type="submit" onclick="show()"> submit</button>
</div>
function show(){
     let a = document.getElementById("text");
     console.log(a.value);
}

上面的JS函数show(),在点击提交按钮后显示textarea中的内容。