Remplir un champ avec des info saisies juste au dessus

Remplir un champ avec des info saisies juste au dessus - HTML/CSS - Programmation

Marsh Posté le 19-09-2012 à 17:21:33    

Bonjour,
 
Sur un formulaire de saisie d'adresse, j'oblige mes visiteurs a donner un nom (ou alias) a leurs adresses, afin de les retrouver plus facilement (pour ceux qui veulent être livré au bureau, puis ensuite a leur domicile, chez un ami etc...)
 
 
J'aimerais pouvoir remplir le champ "alias" avec le prénom et le nom saisie un peu plus haut dans le formulaire mais je ne trouve pas comment faire.
 
Voici en gros comment ca fonctionne, la zone A est saisie puis automatiquement recopiée dans la zone B : Ca ca marche bien.
 
J'aimerais donc maintenant copier la zone A dans le champ uniquement de la zone C afin de me retrouver avec la derniere case du formulaire pre-remplie comment sur cette image
 
http://www.pantalons.com/alias.jpg  
 
Voici mon code actuel :
 

Code :
  1. <p class="required text">
  2.             <label for="customer_firstname">{l s='First name'}</label>
  3.             <input onkeyup="$('#firstname').val(this.value);" type="text" class="text" id="customer_firstname" name="customer_firstname" value="{if isset($smarty.post.customer_firstname)}{$smarty.post.customer_firstname}{/if}" />
  4.         
  5.         </p>
  6.         <p class="required text">
  7.             <label for="customer_lastname">{l s='Last name'}</label>
  8.             <input onkeyup="$('#lastname').val(this.value);" type="text" class="text" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.customer_lastname)}{$smarty.post.customer_lastname}{/if}" />
  9.         
  10.      
  11.         </p>
  12.         <p class="required text" id="address_alias">
  13.             <label for="alias">{l s='Assign an address title for future reference'} </label>
  14.             <input type="text" class="text" name="alias" id="alias" value="{if isset($smarty.post.alias)}{$smarty.post.alias}{else}{l s='My address'}{/if}" />
  15.             <sup>*</sup>
  16.         </p>


 
Auriez vous une idée pour arriver a mes fins ?
 
Merci d'avance,
 
Yann

Reply

Marsh Posté le 19-09-2012 à 17:21:33   

Reply

Marsh Posté le 28-09-2012 à 13:00:44    

Bonjour,
 
je me rapproche doucement du but, j'ai modifié le code de cette manière, cependant le champ alias affiche "undefined undefined" au lien d'afficher "Nom Prénom" et je n'arrive pas a trouver comment corriger ce probleme.
 

Code :
  1. <p class="required text">
  2.    <label for="customer_lastname">{l s='Last name'}</label>
  3.     <input onkeyup="$('#lastname').val(this.value);$('#alias').val($('customer_firstname').val()+' '+$('customer_lastname').val());" type="text" class="text" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.customer_lastname)}{$smarty.post.customer_lastname}{/if}" />
  4.           <sup>*</sup>
  5.   </p>


 
Merci d'avance pour votre aide,
 
Yann

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed