Navigieren Sie zur nächsten Seite, nachdem Sie mithilfe der Option „Sichtbare Werte' eine Auswahl getroffen haben

Question

Ich versuche, einen Flow mit HTML zu erstellen (Code unten) Ich wähle „Cisco“ und gehe dann zum nächsten Feld, in dem ich einen Typ auswählen kann. Ich wähle „PE-Router“ aus und gehe dann zu den nächsten Optionen, wähle das Gerät aus und so weiter, bis ich fertig bin

Wie erstelle ich etwas Ähnliches, um fortzufahren? Es wird zur Fehlerbehebung verwendet, um die durchgeführten Schritte zu überprüfen und zu verifizieren und je nach ausgewählter Option zu versuchen, was als Nächstes zu tun ist.

Fotobeispiel (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>

Ich möchte, dass bei der Auswahl einer Option zu diesem Schritt weitergeleitet wird Mit „Ja“ gelangen Sie beispielsweise zur nächsten Option

Mit Fotobeispiel (https://i.stack.imgur.com/4aWCd.png)

Answer 1

您可以使用 JavaScript 来完成此操作。

首先，您应该为选定的框设置特殊的ID；那么这段代码就可以工作：