Question

如何根据第一个输入栏中的实时输入自动填充或更改第二个只读字段的值？

<input id="1stfield" name="1stfield" value="" readonly/>
<input id="2ndfield" name="2ndfield" value="" />


$('#1stfield').change(function(){

// ?

});

Answer 1

尝试

$('#1stfield').on('keyup',(function(){

    $('#2ndfield').attr('value',$(this).val());

});

Answer 2

$('#1stfield').keyup(function(){

 $('#2stfield').val($('#1stfield').val());

});

Answer 3

您可能需要使用keyup代替change事件来反映更改，因为您在第一个字段中输入第二个字段。在第二个字段上绑定第二个字符串，在第二个字段上键入文本并设置readonly字段的值，这是第一个字段。

<强> Live Demo

$('#2ndfield').keyup(function () {
    $('#1stfield').val($('#2ndfield').val());
});

Answer 4

$('#2ndfield').keypress(function(){
    $('#1stfield').val($('#2ndfield').val());
});

Answer 5

<input class="field1" value="111">
<input class="field2" value="111" autofocus>
<input class="field3" value="111" >

$input = $('input');

$input.keypress(function() {
    // Puts the value of the field typed in in ALL other fields
    // regardless of if there are contents in them  
    $input.not(this).val(this.value);
});

试试这个

如何根据第一个字段中输入的值自动更改或填充第二个字段？

5 个答案: