comment réinitialiser les valeurs de la liste déroulante de sélection
J'ai 3 listes déroulantes différentes qui sont toutes connectées les unes aux autres. dans la deuxième liste déroulante, les options apparaissent en fonction de la sélection dans la première ... et ainsi de suite
disons que je sélectionne que j'ai des livres et des films dans le premier.
Si je sélectionne des livres ---> le chant de glace et de feu et un choc des rois apparaissent si je sélectionne des films ---> Django Unchained, pulp fiction apparaît ... etc
Cependant, si un utilisateur fait une "erreur" en choisissant le mauvais livre (disons la chanson de glace et de feu) et retourne aux livres ---> le même livre apparaît toujours dans la liste déroulante de sélection.
Ce que je veux faire, c'est "réinitialiser" ou le résultat clair de la section précédemment choisie.
J'ai essayé de faire ceci:
document.getElementById('books').value = "";
mais il supprime complètement l'espace réservé de la deuxième liste déroulante. Je veux que l'espace réservé revienne à l'option 0 ---> choisissez un livre
Voici mon violon
Aidez-moi à résoudre ce problème
Si j'ai bien compris, vous voulez changer l'option sélectionnée par défaut. Pour ce faire, vous pouvez effectuer les opérations suivantes:
document.getElementById('books').selectedIndex = 0;
Ceci est juste un exemple de base, où l'option sélectionnée est repassée sur la première. Pour effectuer une réinitialisation un peu plus avancée, vous pouvez ajouter un data-default-index
attribut à la sélection rendue et utiliser cette valeur pour la réinitialiser. De cette façon, vous pouvez utiliser un élément non premier comme élément par défaut.
À votre santé.