jQuery自动填充表单字段及其他两个值

时间:2012-10-18 06:32:42

标签: jquery autocomplete

假设我有一个这样的表格

用户名 昵称 名字 姓氏

我希望First + Last Name字段自动填充用户名和昵称字段。

结果:用户名=第一个+姓氏 - 昵称=第一个+姓氏

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

<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 =昵称

2 个答案:

答案 0 :(得分:1)

编辑:之前答案错了。

以下是使用keyup的更新版本。

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

只需点击“运行”即可享受。

答案 1 :(得分:0)

试试 demo

<强> 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());
}