Question

我有一个div -

<div id="chatText" class="chatText">Welcome</div>

和textarea和按钮

New Message<br />
<textarea id="newChatText1" rows="3" cols="50" class="chatinput"></textarea>
    <br />
    <input type="button" name="submit" value="submit" onclick="AddContent()">

我希望用户能够将内容放入textarea并显示并添加到现有的div内容

因此，如果用户输入了“Hello”＃39;进入textarea并按下提交div将显示

＆＃39;欢迎你好＆＃39;

当前的js是

function AddContent(){
    var text1 = $("#chatText").val();           
    var text2 = $("#newChatText1").val();   
    $("#chatText").text(text1+text2);   
}

有什么想法吗？

由于

保

Answer 1

div没有值

var text1 = $("#chatText").val();

需要是text（）

var text1 = $("#chatText").text();

对于新行，我会这样做。

function AddContent(){
    var text2 = $("#newChatText1").val();   
    var p = $("<p></p>").text(text2);
    $("#chatText").append(p);   
}

Answer 2

你可以使用.append（）方法来做到这一点。

function addContent(){
    $("#chatText").append( $("#newChatText1").val() );
}

从textarea获取值到div

2 个答案: