Champ de texte automatique basé sur la valeur de la liste déroulante

Question

Je voulais remplir mes informations de champ de texte en fonction de la valeur de la liste déroulante.

<cfselect name="Env" width="180" > 
<cfoutput> 
<option value="" >Select</option> 
<option value="prod" >Production</option> 
<option value="beta" >Beta</option> 
</cfoutput> 
</cfselect> 
<cfinput 
<cfinput name="ReqNumber" type="text" value="" width="90" > 

Requestnumber textfield doit être affiché automatiquement comme celui-ci Prod-110611 (valeur du champ env - année mois jour currnet) si l'utilisateur sélectionne prod et la valeur suivante doit être affichée bêta-110611 si la bêta de l'utilisateur dans la liste déroulante.

Answer 1

Ce n'est pas testé, mais je pense que ce qui suit devrait fonctionner:

$(document).ready(
    function(){ 
     $('input:text[name="reqNumber"]') 
      .val($('select[name="Env"] option:first').val() + '-110611'); 

     $('select[name="Env"]').change(
      function(){ 
       $('input:text[name="reqNumber"]').val($(this).val() + '-110611'); 
      }); 
    }); 

Références:

• .val().
• .change().
• attribute-equals selector.
• :text.
• :first.