comment modifier la valeur dans la zone de texte à la date actuelle en fonction de la valeur sélectionnée dans la zone de liste déroulante dans javascript

Question

hi J'ai deux zones, une zone de sélection 'parent' et une zone de texte 'enfant'. comment puis-je modifier les valeurs qui se trouvent dans la zone de texte 'enfant' à la date actuelle, en fonction de ce qui est sélectionné dans la zone de sélection 'parent'.

Answer 1

1. Câblez un événement de basculement pour la zone de sélection.
2. Récupérer la valeur sélectionnée
3. Affectez la valeur sélectionnée à la zone de texte

Si vous pouvez utiliser jQuery (que je suggère)

<script> 
    $(document).ready (function() { 
     $("#sel1").change (function() { 
      $("#txt1").val ($(this).val()); 
     }); 
    }); 
</script> 
<select id="sel1"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

<input type="text" id="txt1" /> 

Answer 2

Je ne vais pas vous donner cde, juste comment le faire

La boîte de sélection a des propriétés de texte et de valeur pour chaque élément, aussi l'événement Select a un javascript qui vous indique quand le SelectedIndex a changé
Sur cet événement u devrait lire la valeur du SelectedItem et l'écrire dans la zone de texte

Answer 3

Voici un code qui présente les multiples avantages de ne pas nécessiter jQuery et de travail avant que le document ne sera pas terminé:

<form> 
    <select name="sel1" onchange="this.form.elements['txt1'].value = this.options[this.selectedIndex].text;"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    </select> 

    <input type="text" name="txt1"> 
</form>