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

时间:2014-08-02 20:40:48

标签: javascript jquery html

我有一个input type="tel" id="#enter",我想从按钮点击添加附加值。我这样做了:

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

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

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

这是JSFiddle

4 个答案:

答案 0 :(得分:10)

您可以使用类似的内容来附加值:

$("#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/

答案 1 :(得分:3)

试试这个

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

答案 2 :(得分:2)

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

要附加您必须的值...附加值。获取当前值,向其添加(追加)内容,然后设置它。

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

答案 3 :(得分:1)

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