Вставьте текст в текстовое поле с помощью jQuery

Question

Мне интересно, как я могу вставить текст в текстовую область, используя jquery, по щелчку тега привязки.

Я не хочу заменять текст уже в textarea, я хочу добавить новый текст в textarea.

Answer 1

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

$('textarea').append('Whatever need to be added');

По вашему сценарию это будет

$('a').click(function() 
{ 
  $('textarea').append($('#area').val()); 
})

Answer 2

$.fn.extend({
    insertAtCaret: function(myValue) {
        var elemSelected = window.getSelection();
        if(elemSelected) {
            var startPos = elemSelected.getRangeAt(0).startOffset;
            var endPos = elemSelected.getRangeAt(0).endOffset;
            this.val(this.val().substring(0, startPos)+myValue+this.val().substring(endPos,this.val().length));
        } else {
            this.val(this.val()+ myValue) ;
        }
    }
});

Answer 3

Это похоже на ответ, данный @panchicore с исправленной незначительной ошибкой.

function insertText(element, value) 
{
   var element_dom = document.getElementsByName(element)[0];
   if (document.selection) 
   {
      element_dom.focus();
      sel = document.selection.createRange();
      sel.text = value;
      return;
    } 
   if (element_dom.selectionStart || element_dom.selectionStart == "0") 
   {
     var t_start = element_dom.selectionStart;
     var t_end = element_dom.selectionEnd;
     var val_start = element_dom.value.substring(value, t_start);
     var val_end = element_dom.value.substring(t_end, element_dom.value.length);
     element_dom.value = val_start + value + val_end;
   } 
   else
   {
      element_dom.value += value;
   }
}

Answer 4

Простое решение будет: ( Предположение : Вы хотите, чтобы все, что вы вводите в текстовом поле , добавлялось к тому, что уже есть в текстовой области )

В событии onClick тега напишите пользовательскую функцию, которая делает это:

function textType(){

  var **str1**=$("#textId1").val();

  var **str2**=$("#textId2").val();

  $("#textId1").val(str1+str2);

}

(где идентификаторы, textId1 - для o / p textArea textId2 - для i / p textbox ')

Answer 5

Другое решение описано также здесь на случай, если некоторые другие сценарии не работают в вашем случае.

Answer 6

Я думаю, что это было бы лучше

$(function() {
$('#myAnchorId').click(function() { 
    var areaValue = $('#area').val();
    $('#area').val(areaValue + 'Whatever you want to enter');
});
});

Answer 7

Я использовал это, и он отлично работает:)

$("#textarea").html("Put here your content");

Remi