jquery - 使用 jQuery 使用来自其他两个字段的值填充一个字段

Question

我想用用户在“名字”和“姓氏”字段中键入的内容自动填充“全名”字段，因此如果他们在名字和姓氏字段中键入“约翰”和“史密斯”， “全名”字段将动态填充“约翰·史密斯”。

我对 jQuery 不是很好，所以在搜索其他示例之后，到目前为止，我只能设法用“名字”填充该字段。

我当前的代码如下，对此的任何帮助将不胜感激。

<script>
$(document).ready(function(){
    $('#first_name').keyup(function () {
        $('#full_name').val(this.value);
    });
});
</script>

<input type="text" name="full_name" id="full_name" value="" />
<input type="text" name="first_name" id="first_name" value="" />
<input type="text" name="last_name" id="last_name" value="" />

谢谢，

斯特

Answer 1

这应该工作

$('#first_name').keyup(function(){
   $('#full_name').val(this.value+' '+$('#last_name').val());
});

$('#last_name').keyup(function(){
   $('#full_name').val($('#first_name').val()+' '+this.value);
});