jQuery使用其他两个字段的值自动填充表单字段

假设我有一张这样的表格

用户名 昵称 名字 姓

我希望名字+姓氏字段自动填充用户名和昵称字段

结果：用户名=名字+姓氏--昵称=名字+姓氏

这是我到目前为止所拥有的

<script>

  jQuery(document).ready(function(){    
    $("#field_5, #field_6").on("blur",function(){
      getname();
    }); 
  });

  function getname(){
    $('#Field_2, #field_1').val($('#field_5').val()+" "+$('#field_6').val());
  }
</script>

jQuery（文档）.ready（函数（）{
$（“#场#5，#场#6”）。关于（“模糊”，函数（）{
getname（）；
}); 
});
函数getname（）{
$（'#Field_2，#Field_1'）.val（$（'#Field_5'）.val（）+“”+$（'#Field_6'）.val（））；
}

其中字段5=名字，字段6=姓氏，字段2=用户名，字段1=昵称

html

<input type='text' id='fname' value='' />
<input type='text' id='lname' value='' />
<input type='text' id='nickname' value='' />
<input type='text' id='uname' value='' />

---

编辑：答案以前是错的

这是使用keyup的更新版本

---

只需单击“运行并享受”。

是否希望它在按下每个键时自动填充？或者当用户从输入框中单击时？当用户从输入框中单击时。实际上，任何一个都可以。@Aliyah，在更新的代码中有额外的大括号

}；}）Thanx，将删除这些，并让您知道它是否有效。更新的答案，仍有问题。请看一看。嘿，我是小提琴新手。我如何看到结果？我点击“运行”了吗？嘿，我正在用我自己的ID测试它，但它不起作用，所以让我更新我的问题，向你展示我在里面的代码。演示效果很好。我现在需要把它添加到我自己的网站上。我将Jquery包装为“无冲突”模式。帮我检查一下问题中的代码，看看包装是否正确。我想问题出在包装上。我该怎么包装这个？在一个简单的例子中，你能详细说明一下a和b代表什么吗？a和b是输入字段。因此，每个输入都有和ID属性，您可以通过#IDNAME（在我的实例a和b中）选择该元素。我也意识到这段代码有一个小错误，这更多的是一个可用性问题，但如果我要填写我的名字，编辑我的用户名，然后意识到我的名字错了，就把它改了。用户名将再次设置为我的名字。好的，我现在同意你，因为我已经看到了演示，但是你能根据我的问题制作另一个演示吗？我有4个字段，对不起，我以前误读了这个问题。现在都修好了，真的很容易实现。啊！事实上，我自己也算出来了（我少了一美元），但我把答案给了另一个人，因为我使用了他的代码/
$(document).ready(function(){
    $("#field_5, #field_6").on("blur", getname);
});

function getname(){
$('#nickname, #uname').val($('#fname').val()+" "+$('#lname').val());
}