¿Cómo agregar texto al valor del cuadro de texto usando jQuery?

Necesito anexar - al valor actual del cuadro de texto sin reemplazar el texto presente. Intenté con este código.¿Cómo agregar texto al valor del cuadro de texto usando jQuery?

if(len.length==4){ 
    $("-").appendTo("#date").val(); 
}

pero falló.

Fuente

2012-04-24 Mangala Edirisinghe

es un campo de entrada con texto tipo o algún otro elemento con texto. No existe un cuadro de texto en HTML y de sus comentarios a continuación parece que no es un campo de entrada –

es un campo de entrada con texto tipo. Necesito agregar - después de los primeros cuatro caracteres. –

A pesar de que tienes varios (pero no todas) las respuestas correctas, quiero mostrar otra manera de hacerlo:

$('#date').val(function(index, value) { 
    return value + '-'; 
});

.val(function(index, value))

función (en dex, value) Una función que devuelve el valor para establecer. este es el elemento actual. Recibe la posición del índice del elemento en el conjunto y el valor anterior como argumentos.

source

Si no desea utilizar function por hacerlo, utilice la siguiente:

var $date = $('#date'); 
$date.val($date.val() + '-');

Fuente

2012-04-24 06:59:22 gdoron

thanx dr. Está funcionando. Y buena explicación. –

intento:

$('#date').val($('#date').val() + '-');

Fuente

2012-04-24 06:51:30 KoolKabin

Reemplaza el texto actual. –

[THIS] (http://jsfiddle.net/teneff/T9mUT/) no funciona – Teneff

después de la edición, está funcionando. Gracias. –

Tienes que recuperar el valor actual, y anexar a la.

var $date = $('#date'); 
$date.val($date.val() + '-');

Fuente

2012-04-24 06:54:37

gracias dr. está funcionando –

+1 para almacenar en caché el elemento DOM. – gdoron

La forma más elegante que he encontrado incluye no utilizar tanto jQuery.

if (len.length === 4) { 
    var date = $('#date')[0] // faster to write than "document.getElementById('date')" 
    date.value += '-' 
}

violín: http://jsfiddle.net/Ralt/T9mUT/3/

Fuente

2012-04-24 06:56:06

No está pasando en un contexto de función a '.val()', por lo que la referencia 'this' puede ser diferente de lo que cree. Definitivamente no va a ser el '$ ('# date')' que acaba de seleccionar. –

[ESTE] (http://jsfiddle.net/teneff/T9mUT/) es su código en jsFiddle y no está funcionando – Teneff

De acuerdo, solo el 'this.value' funciona ... de alguna manera. @RichardNeilIlagan tiene razón en que "esto" no es correcto. http://jsfiddle.net/Ralt/T9mUT/1/ –

jQuery('#date').val(jQuery('#date').val() + '-');

Fuente

2012-04-24 06:57:36

¿Por qué consulta el DOM dos veces? – gdoron

Acepto que esto no es necesario, pero simplemente intentaba mostrar la sintaxis básica. –

Estaba haciendo esto. Usé .append (myValue); aquí estoy repitiendo un conjunto de resultados Ajax:

 $.each(result, function (i, obj) { 
      $.each(obj, function (i, item) { 
       $('#txtValueList').append(item); 
      }) 
     })

Fuente

2016-11-03 15:48:23

¿Cómo agregar texto al valor del cuadro de texto usando jQuery?

Respuesta

Cuestiones relacionadas