无法使用jQuery将一个文本框值复制到另一个文本框值

时间:2014-06-05 23:06:46

标签: jquery html json

我正在尝试将一个文本框值复制到另一个文本框但是我没有得到结果。这是我到目前为止所做的:

JQUERY

function BindQuantity(id, customqty) {
    $(id).keyup(function () {
        var qty = $(id).val();
        $(customqty).val(qty);
    })
}
$(document).ready(function () {
    BindQuantity("input:text[id^='Quantity'" + "]",
                "input:text[id^='CustomQuantity'" + "]");
})

HTML

<input type="number" name="abcd" id="Quantity" style="width:130px;" />
<input id="CustomQuantity" type="text" value="" />

小提琴 http://jsfiddle.net/M34mk/

我想将Quantity文本框值绑定到keyup事件上的CustomQuantity文本框。

4 个答案:

答案 0 :(得分:1)

这很好用

function BindQuantity(id, customqty) {
$('body').on('keyup' , id , function(){
    var qty = $(id).val();
    $(customqty).val(qty);        
});
}

$(document).ready(function () {
BindQuantity("input:text[id^='Quantity'" + "]",
            "input:text[id^='CustomQuantity'" + "]");
});

您可以使用动态生成的ID替换“Quantity”,“CustomQuantity”

答案 1 :(得分:0)

也许这更接近你需要的东西

<input type="text" name="abcd" id="Quantity3" style="width:130px;" class="defaultQuantity"/>
<input id="CustomQuantity3" type="number" value="" class="customQuantity" />
<br/>

<input type="text" name="abcd" id="Quantity4" style="width:130px;" class="defaultQuantity"/>
<input id="CustomQuantity4" type="number" value="" class="customQuantity" />
<br/>
<input type="text" name="abcd" id="Quantity5" style="width:130px;" class="defaultQuantity"/>
<input id="CustomQuantity5" type="number" value="" class="customQuantity" />


function BindQuantity(id, customqty) {
 $(id).keyup(function () {
    var qty = $(this).val();
    var customBoxId="#Custom"+$(this).attr("id");
    $(customBoxId).val(qty);
 })
}

$(document).ready(function () {
 BindQuantity(".defaultQuantity"); 
})

jsfiddle http://jsfiddle.net/M34mk/3/

答案 2 :(得分:0)

您使用的文本框ID格式不正确

试试这个

     var qty = $(id).val();
     $("#customqty").val(qty);

答案 3 :(得分:0)

请试试这个

$('#Quantity')[0].onkeyup = function() {
          $('#CustomQuantity')[0].value= $('#Quantity').val()
}