Agregar texto al campo de entrada

Necesito agregar texto a un campo de entrada …

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

Hay dos opciones. El enfoque de Ayman es el más simple, pero le agregaría una nota adicional. Realmente debe almacenar en caché las selecciones de jQuery, no hay ninguna razón para llamar $("#input-field-id") dos veces:

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

La otra opción, .val() también puede tomar una función como argumento. Esto tiene la ventaja de trabajar fácilmente en múltiples entradas:

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

Si planea utilizar agregar más de una vez, es posible que desee escribir una función:

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

Después de que puedes simplemente llamarlo:

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

Probablemente estés buscando val ()

  // 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' ) 
  
 < !DOCTYPE html>        

User Name :

Salida enter image description here