получает значение из текстового поля в DIV

Question

У меня есть DIV -

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

и текстовое поле и кнопка

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

Я хочу, чтобы пользователь мог поместить содержимое в текстовое поле и отобразится и добавлено к существующему содержимому div

Итак, если пользователь ввел «Hello» в текстовое поле и нажал кнопку отправки, на дисплее отобразится

'Добро пожаловать Hello'

В настоящее время JS является

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

Любые идеи?

Благодаря

Пол

Answer 1

DIV не имеет значения

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

должен быть текст()

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()); 
}