Sélection automatique d'un élément de liste

Description

Cette activité vous fera découvrir le code javascript qui permettra de sélectionner automatiqueent un élément d'une boîte à liste déroulante.

1. Ajoutez une page à votre portfolio en affichant les assistants HTML et JAVASCRIPT ainsi que la directive 97078
   
   
2. Inscrivez dans le champ titre : Sélection automatique d'un élément de liste
   
   
3. Sélectionnez la section : MODULE Javacscript
   
   
4. Sélectionnez la matière : informatique
   
   
5. Inscrivez dans le champ no de la directive : 97078
   
   
6. Inscrivez dans votre page le titre de niveau 1 : Sélection automatique d'un élément de liste
   
   
7. Débutez par la création d'un formulaire (bouton formulaire de l'assistant javascript)
   
   
8. Dans ce formulaire, insérez un boîte à liste déroulante nommée fruits ayant comme identifiant fruits :
   exemple : <select name="fruits" id="fruits"> </select
   
   
9. Ajoutez dans ce champ 3 options contenant les valeurs pomme, orange, fraise
   exemple : <option value="pomme">pomme</option>
   
   
10. Sous ce formulaire, ajoutez un bloc de code javascript
    exemple : <script> </script>
    
    
11. Dans ce bloc, créez une variable nommée valeurachoisir et assignez lui la valeur fraise
    exemple : var valeurachoisir="orange"
    
    
12. Ajoutez ensuite ce code qui permettra de comparer la valeur de chacun des éléments de la liste en relation avec lavaleurachoisir et de sélectionner l'élément qui contient la valeur à choisir
    exemple : var fruits = document.getElementById('fruits'); for (i = 0; i < fruits.length; i++){ if ( fruits[i].value == valeurachoisir ){ fruits[i].selected = true; } }
    
    
13. Ne vous contentez pas de copier / coller le code mais étudiez-le afin de bien le comprendre
    
    
14. Visualisez votre page et apportez des modifications au besoin.