Javascript 将值追加到JQuery中的输入字段
我有一个带有Javascript 将值追加到JQuery中的输入字段,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有id=“#enter”的input type=“tel”,我想通过单击按钮添加附加值。我已经这样做了: $("#one").click(function () { $("#myInput").val("1"); }); $("#two").click(function () { $("#myInput").val("2"); }); 因此,每次从#id 1-9按下按钮时,它都会输入相应的数值 但是,这不会在输入字段类型中附加值,只会用单击的按钮的值替换现有值。它如何
id=“#enter”
的input type=“tel”
,我想通过单击按钮添加附加值。我已经这样做了:
$("#one").click(function () {
$("#myInput").val("1");
});
$("#two").click(function () {
$("#myInput").val("2");
});
因此,每次从#id 1-9按下按钮时,它都会输入相应的数值
但是,这不会在输入字段类型中附加值,只会用单击的按钮的值替换现有值。它如何附加这些值
这是试试这个
$("#one").click(function(){
$("#myInput").val($("#myInput").val()+"1");
});
您可以使用类似这样的方法来附加值:
$("#myInput").val(function() {
return this.value + '1';
});
您还可以通过给每个数字按钮一个类并为所有按钮注册相同的事件侦听器来改进您的方法。例如:
$(".dial").click(function () {
var number = $(this).data('number');
$("#myInput").val(function() {
return this.value + number;
});
});
其中按钮将被定义为
<button type="button" class="btn btn-primary btn-xs1 dial" data-number="4"> <b>GHI<br>4
GHI
4
诸如此类
演示:当然它不会附加值,您没有做任何事情让它附加值 要追加值,您必须……追加值。获取当前值,向其添加(附加)一些内容,然后设置该值
$("#one").click(function(){
var input = $("#myInput");
input.val(input.val() + "1");
});
$("#two").click(function(){
var input = $("#myInput")
input.val(input.val() + "2");
});
谢谢,这太棒了,也简化了。所以它知道拨号类的数字和数据号的值吗?是的,我会说这是最灵活的方法。请考虑给你的答案增加一些解释。
$("#one").click(function(){
var input = $("#myInput");
input.val(parseInt(input.val() + 1));
});
$("#two").click(function(){
var input = $("#myInput")
input.val(parseInt(input.val() + 2));
});