Combine text fields

[Killborg]

Hello,
Can anyone help with this. I am trying to combine 2 text fields into 1 text field. I found this which works when you select the button. But I do not want the function to happen when the button is selected. I want the function to occur when the person finishing entering the information in Last Name field.


<p><form name="Form1">
<br>
<tt>First Name:</tt> <input name="FirstName">
<br>
<br>
<tt>Last Name:</tt> <input name="LastName">
<p><tt>Phone Number :</tt>
<input name="Phone Number" id="Phone Number">
</p>
<p><tt>Email Address :</tt>
<input name="Email Address" id="Email Address">
</p>
<p> <tt>realname:</tt>
<input name="realname" readonly="true">
</p>
<p><br>
<input type="button" value="Combine Strings"
OnClick="realname.value= FirstName.value + ' ' + LastName.value;"></p>
</form>

 

[southbeach]

Use

unblur="realname.value= FirstName.value + ' ' + LastName.value;"

within both FirstName and LastName fields.

That should do it!


--
SouthBeach
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[BillyRayPreachersSon]

2 things:

- 'unblur' in SouthBeach's example should be 'onblur'.

- Don't use shortcuts to refer to your field names. Change this syntax:

xxx.value

to any proper locator, e.g. this:

this.form.xxx.value

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Killborg]

Thanks Southbeach and Billyray
That worked

 

[wvdba]

you can also use onfocus instead of blur on button, so when the focus gets on realname field, it's populated automatically:

<p><form name="Form1">
  <br>
 <tt>First Name:</tt> <input name="FirstName">
 <br>
 <br>
 <tt>Last Name:</tt> <input name="LastName"> 
 <p><tt>Phone Number :</tt>
   <input name="Phone Number" id="Phone Number">
   </p>
 <p><tt>Email Address :</tt>
    <input name="Email Address" id="Email Address">
 </p>
 <p>     <tt>realname:</tt>
    <input name="realname" readonly="true"
OnFocus="realname.value= FirstName.value + ' ' + LastName.value;">
  </p>
  
</form>