将值附加到JQuery中的输入字段

我有一个input type="tel" ，id =“＃enter”，我想从按钮点击添加附加值。 我这样做了：

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

因此，每次从#id 1-9按下按钮时，它都会输入相应的数值。

但是，这不会在输入字段类型中附加值，只是将现有值替换为单击的按钮的值。 它如何追加价值？

这是JSFiddle

Answer 1

你可以使用这样的东西来追加价值：

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

您还可以通过为每个数字按钮指定一个类并为所有按钮注册相同的事件侦听器来改进您的方法。 例如：

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

按钮的定义为

  GHI
4 

尽快。

演示： http ： //jsfiddle.net/8R9xL/2/

Answer 2

试试这个

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

Answer 3

当然它没有附加值，你没有做任何事情来使它附加值。

要附加您必须的值…附加值。 获取当前值，向其添加（追加）某些内容，然后进行设置。

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