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

Question

假设我有这样的表格

用户名 昵称 名字 姓氏

我希望 First + Last Name 字段自动填充 Username 和 Nickname 字段。

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

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

<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>

WHERE 字段 5 = 名字，字段 6 = 姓氏，Field_2 = 用户名，Field_1 = 昵称

Answer 1

编辑：之前的答案是错误的。

这是带有keyup的更新版本。

http://jsfiddle.net/79Wb9/3/

只需单击运行并享受。

Answer 2

试试这个演示

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='' />

jQuery/javascript

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

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