Ajouter du texte au champ de saisie

Question

J'ai besoin d'ajouter du texte à un champ de saisie...

Answer 1

    $('#input-field-id').val($('#input-field-id').val() + 'more text');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="input-field-id" />

Answer 2

Il y a deux options. L'approche d'Ayman est la plus simple, mais j'y ajouterais une remarque supplémentaire. Vous devriez vraiment mettre en cache les sélections jQuery, il n'y a aucune raison d'appeler $("#input-field-id") deux fois :

var input = $( "#input-field-id" );
input.val( input.val() + "more text" );

L'autre option, .val() peut également prendre une fonction comme argument. Ceci a l'avantage de pouvoir travailler facilement sur des entrées multiples :

$( "input" ).val( function( index, val ) {
    return val + "more text";
});

Answer 3

Si vous avez l'intention d'utiliser la fonction d'addition plus d'une fois, il est préférable d'écrire une fonction :

//Append text to input element
function jQ_append(id_of_input, text){
    var input_id = '#'+id_of_input;
    $(input_id).val($(input_id).val() + text);
}

Après vous pouvez juste l'appeler :

jQ_append('my_input_id', 'add this text');

Answer 4

    // Define appendVal by extending JQuery
    $.fn.appendVal = function( TextToAppend ) {
        return $(this).val(
            $(this).val() + TextToAppend
        );
    };
//_____________________________________________

    // And that's how to use it:
    $('#SomeID')
        .appendVal( 'This text was just added' )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<textarea 
          id    =  "SomeID"
          value =  "ValueText"
          type  =  "text"
>Current NodeText
</textarea>
  </form>

En créant cet exemple, je me suis un peu perdu. " Texte de la valeur " vs > Texte du nœud actuel < N'est pas .val() censé fonctionner sur les données de l valeur attribut ? Quoi qu'il en soit, vous et moi pourrons éclaircir ce point tôt ou tard.

Cependant, le point pour l'instant est :

Lorsque vous travaillez avec données du formulaire utiliser .val() .

Lorsqu'il s'agit de la plupart des données en lecture seule entre les balises, utilisez .text() o .append() pour ajouter du texte.

Answer 5

Vous êtes probablement à la recherche de val()