Question

我有一个表单，其中有几个输入字段title，name，address等

我想要做的是获取这些值并将其“放入”其他输入字段的值中。例如

<label for="first_name">First Name</label>
<input type="text" name="name" />

<label for="surname">Surname</label>
<input type="text" name="surname" />

<label for="firstname">Firstname</label>
<input type="text" name="firstname" disabled="disabled" />

因此，如果我在John字段中输入first_name，则firstname的值也将为John。

非常感谢

Answer 1

假设你可以把ID放在输入上：

$('#name').change(function() {
    $('#firstname').val($(this).val());
});

JSFiddle Example

否则你必须选择使用名称：

$('input[name="name"]').change(function() {
    $('input[name="firstname"]').val($(this).val());
});

Answer 2

如果你稍微修改一下HTML会更简单：

<label for="first_name">First Name</label>
<input type="text" id="name" name="name" />

<label for="surname">Surname</label>
<input type="text" id="surname" name="surname" />

<label for="firstname">Firstname</label>
<input type="text" id="firstname" name="firstname" disabled="disabled" />

然后它相对简单

$(document).ready(function() { 
    $('#name').change(function() {
      $('#firstname').val($('#name').val());
    });
});

Answer 3

使用与name属性相同的值添加ID属性，然后您可以执行以下操作：

$('#first_name').change(function () {
  $('#firstname').val($(this).val());
});

Answer 4

获取input1数据以立即将其发送到input2

<div>
<label>Input1</label>
 <input type="text" id="input1" value="">
</div>

</br>
<label>Input2</label>
<input type="text" id="input2" value="">

<script type="text/javascript">
        $(document).ready(function () {
            $("#input1").keyup(function () {
                var value = $(this).val();
                $("#input2").val(value);
            });
        });
</script>

jQuery - 将值从一个输入传递到另一个输入

4 个答案: