Comment définir l`index sélectionné avec le javascript

<

Contenu

  • Conseils avertissements
  • article data-type="article">

    javascript est un langage de script côté client qui permet aux développeurs Web la possibilité de modifier dynamiquement la plupart des éléments HTML contenus dans des pages Web, y compris les éléments contenus dans les listes déroulantes. En règle générale, les développeurs Web de créer des listes déroulantes en utilisant le HTML "Valeur de l`indice en faisant référence à la propriété selectedIndex donné. Ajouter une accolade ouverte" { "et une accolade proche"} "pour indiquer l`emplacement du code de la fonction.

  • Modifier la fonction SetIndex () et utiliser la méthode getElementById () javascript et la propriété selectedIndex pour référencer la valeur d`index sélectionnée d`une zone de sélection avec l`id "selectbox". Réglez l`indice à la valeur passée à la fonction ( "indexValue") SetIndex ().

  • Ajouter un "" Étiquette.




  • Ajoutez un ""Balise HTML ci-dessous la fin""Tag. Donnez la balise d`entrée id" indexValue "et un défaut" valeur "attribut" 2 ".

  • Ajouter un HTML ""Tag et enregistrer et fermer setIndex.html.

  • Ouvrir setIndex.html dans un navigateur Web et cliquez sur le bouton pour changer la "selectbox" valeur de boîte de sélection à "2". Tapez une valeur différente ( "0", "1") dans la case "indexValue" et cliquez sur le bouton pour modifier la valeur de l`indice de la zone de sélection.

  • Conseils Avertissements

    • Certains indices peuvent également être définis et récupérés en utilisant l`attribut "value" et la méthode getElementById.
    • Considérez coder une réponse appropriée si l`utilisateur tente de définir l`index déroulant pour une valeur non valide, par exemple, en utilisant une boîte d`alerte.
    • Sélectionnez les boîtes peuvent profiter de nombreux styles disponibles dans les feuilles de style en cascade (CSS).
    • En règle générale, sélectionnez les boîtes sont utilisées dans le cadre d`un formulaire HTML qui utilise le "
      " Étiquette.
    • Une liste déroulante qui permet à plusieurs sélections ne retourneront que l`index de la première option sélectionnée.
    • La propriété selectedIndex prend des valeurs de l`indice à partir de 0.