añadir valor a un campo de entrada en JQuery

Tengo un input type="tel" con id = “# enter” y quiero agregar valores agregados de los clics de los botones. He hecho esto:

  $("#one").click(function(){ $("#myInput").val("1"); }); $("#two").click(function(){ $("#myInput").val("2"); }); 

Por lo tanto, cada vez que se presiona un botón desde #id 1-9, ingresa el valor numérico correspondiente.

Sin embargo, esto no agrega el valor en el tipo de campo de entrada, simplemente reemplaza el valor existente con el valor del botón pulsado. ¿Cómo se pueden añadir los valores?

Este es el JSFiddle

Puedes usar algo como esto para agregar valores:

 $("#myInput").val(function() { return this.value + '1'; }); 

También puede mejorar su enfoque asignando a cada botón numérico una clase y registrar el mismo detector de eventos para todos los botones. Por ejemplo:

 $(".dial").click(function () { var number = $(this).data('number'); $("#myInput").val(function() { return this.value + number; }); }); 

Donde el botón se definiría como

  

tan pronto.

Demostración: http://jsfiddle.net/8R9xL/2/

Prueba esto

 $("#one").click(function(){ $("#myInput").val($("#myInput").val()+"1"); }); 

Por supuesto que no agrega el valor, no ha hecho nada para que agregue el valor.

Para agregar el valor que tiene que … agregar el valor. Obtenga el valor actual, agregue (agregue) algo a él y luego configúrelo.

 $("#one").click(function(){ var input = $("#myInput"); input.val(input.val() + "1"); }); $("#two").click(function(){ var input = $("#myInput") input.val(input.val() + "2"); });