Comment ajouter du texte à "& lt; textarea & gt;"

J'ai <textarea> où l'utilisateur peut taper son message au monde! Ci-dessous, il y a de télécharger des boutons... j'aimerais ajouter un lien vers le fichier uploadé (ne vous inquiétez pas, je l'ai); droit à côté du texte qu'il était en tapant dans.

Comme, il tape dans " Hello, world!', puis télécharge le fichier (sa fait via AJAX), et le lien vers ce fichier est ajouté dans la ligne suivante, pour le contenu de <textarea>. Attention! Est-il possible de garder le curseur (la place où il l'avait laissée à type) dans le même lieu?

Tout ce qui peut être fait avec jQuery... des idées? Je sais qu'il y a une méthode append()', mais ce ne sera pas pour cette situation, non?

source d'informationauteur daGrevis

  1. 13

    Essayer

    var myTextArea = $('#myTextarea');
myTextArea.val(myTextArea.val() + '\nYour appended stuff');
  2. 7

    Cela m'a pris un moment, mais la suite de jQuery va faire exactement ce que vous voulez, non seulement ajoute du texte, mais aussi maintient le curseur dans la même place, en les stockant et puis réinitialiser:

    var selectionStart = $('#your_textarea')[0].selectionStart;
var selectionEnd = $('#your_textarea')[0].selectionEnd;

$('#your_textarea').val($('#your_textarea').val() + 'The text you want to append');

$('#your_textarea')[0].selectionStart = selectionStart;
$('#your_textarea')[0].selectionEnd = selectionEnd;

    Vous devriez probablement envelopper cette fonction si.

  3. 3

    Vous pouvez prendre un coup d'oeil à la réponse suivante qui présente un joli plugin pour insérer du texte à la position du curseur dans un <textarea>.

  4. 1

    Vous pouvez utiliser l'une des disponible caret plugins pour jQuery et en gros:

    1. Mémoriser la position du curseur
    2. Ajouter le texte dans le textarea
    3. Utiliser le plugin pour remplacer la position du curseur

    Si vous voulez une fonction "append" en jQuery, on est assez facile à faire:

    (function($){
    $.fn.extend({
        valAppend: function(text){
            return this.each(function(i,e){
                var $e = $(e);
                $e.val($e.val() + text);
            });
        }
    });
})(jQuery);

    Alors vous pouvez l'utiliser en faisant un appel à .valAppend()référencement le champ de saisie(s).

  5. 1

    Vous pouvez utiliser mon Longiligne entrées plugin jQuery pour ce, qui fonctionne dans tous les principaux navigateurs.

    var $textarea = $("your_textarea_id");
var sel = $textarea.getSelection();
$textarea.insertText("\nSome text", sel.end).setSelection(sel.start, sel.end);