JQuery добавить проблему

Question

У меня есть вход (в чате) и смайлики. Мне нужно установить, когда какое-то тело нажимает на смайлик, чтобы добавить его код к входу (без удаления текущего текста) Например, я написал: «Привет», я нажимаю изображение улыбки, и ввод должен стать "Привет :):" !!! НЕ ПРЕДСТАВЛЕНО еще в поле ввода!

$("img.emots").click(function() { var emots=$(this).attr("title"); 
    $("#message_text").append(emots); });

Я пользуюсь этим, но он не работает (он помещает смайлик между тегами ввода <input>HERE</input>

Что мне нужно сделать ??? (

Answer 1

.append предназначен для добавления дочерних узлов к узлу. Элемент input не имеет дочерних элементов. Вы должны изменить его значение , используя .val() ^{[документы]} :

$("#message_text").val(function(i, value){
    return value + emots;
});

Answer 2

$("img.emots").click(function() { 
    var emots= $(this).attr("title"); 
    var $txt = $("#message_text");
    $txt.val($txt.val() + " " + emots); 
});

Answer 3

<input>HERE</input> недопустимая разметка.Попробуйте <textarea>HERE</textarea>, а затем

$("img.emots").click(function() { 
    var emots=$(this).attr("title"); 
    $("textarea").val($("textarea").val()+emots); 
});