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

Question

我有一个带有 id="#enter" 的 input type="tel"，我想通过按钮点击添加附加值。我这样做了:

$("#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;
    });
});

按钮定义为

<button type="button" class="btn btn-primary btn-xs1 dial" data-number="4"> <b>GHI<br>4

以此类推。

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