Accédez à la page suivante après avoir effectué la sélection à l'aide de l'option Valeurs visibles

Question

J'essaie de créer un flux en utilisant HTML (code en bas) Je sélectionne "Cisco", puis je passe à la case suivante pour choisir un type, je sélectionne "PE Router", puis je passe à l'ensemble d'options suivant et je sélectionne l'appareil et ainsi de suite jusqu'à ce que j'aie terminé

Comment créer quelque chose de similaire pour continuer ? Il sera utilisé pour le dépannage pour vérifier les étapes qui ont été effectuées et ce qu'il faut essayer ou faire ensuite, en fonction de l'option sélectionnée.

Exemple de photo (https://i.stack.imgur.com/EAgGs.png)

---

<label for="cars">Choose device</label><br>
<select class="detail-ta" id="detail-ta2" size="3">
   <option style="text-overflow: clip; overflow: visible; white-space: -moz-pre-wrap; white-space: pre-wrap; margin-bottom: 1px;"></option>
  <option value="Cisco">Cisco</option>
  <option value="Juniper">Juniper</option>
  <option value="Rad">Rad</option>
  <option value="Adva">Adva</option></option>
</select>
<br>
<br>
<label for="Cisco Device type">Choose Type</label><br>
<select class="detail-ta" id="detail-ta2" size="3">
    <option style="text-overflow: clip; overflow: visible; white-space: -moz-pre-wrap; white-space: pre-wrap; margin-bottom: 1px;">
   <option value="PE Router">PE Router</option>
  <option value="Router">Router</option>
  <option value="Switch">Switch</option>  
</select>
<br>
<br>
<label for="Cisco PE DEVICE">Choose Cisco PE device</label><br>
<select class="detail-ta" id="detail-ta2" size="4">
    <option style="text-overflow: clip; overflow: visible; white-space: -moz-pre-wrap; white-space: pre-wrap; margin-bottom: 1px;">
   <option value="9000">Cisco ASR 9000</option>
  <option value="1000">Cisco ASR 1000</option>
  <option value="920">Cisco ASR 920</option>
    <option value="560">NCS 560</option>  
</select>

Je souhaite qu'il passe à cette étape lors de la sélection d'une option Par exemple, "Oui" passera à l'option suivante

Avec exemple de photo (https://i.stack.imgur.com/4aWCd.png)

Answer 1

Vous pouvez le faire en utilisant JavaScript.

Tout d'abord, vous devez définir un identifiant spécial pour la boîte sélectionnée. Ensuite, ce code fonctionnera :

sssccc