CODEWITHSUNDEEP
jqueryautocomplete
Androliyah
Androliyah

Reputation: 2178

jQuery Autofill Form Fields with Values From Two Others

Let's say I have a form like this

Username Nickname First Name Last Name

I want the First + Last Name fields to automatically populate the Username and Nickname fields.

Result: Username = First + Last Name -- Nickname = First + Last Name

Here is what I have so far

<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 Field 5 = First Name, Field 6 = Last Name, Field_2 = Username and Field_1 = Nickname

Upvotes: 0

Views: 6306

Answers (2)

Jamie Hayman
Jamie Hayman

Reputation: 1299

EDIT: Answer was wrong before.

Here is the updated version with keyup.

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

Just click run and enjoy.

Upvotes: 1

Pragnesh Chauhan
Pragnesh Chauhan

Reputation: 8476

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

Upvotes: 0

Related Questions