搜尋

首頁  >  問答  >  主體

使用“可見值”選項進行選擇後導覽至下一頁

我正在嘗試使用 HTML 建立一種流程(程式碼在底部) 我選擇“Cisco”,然後進入下一個框供我選擇類型,我選擇“PE 路由器”,然後進入下一組選項,選擇設備,依此類推,直到完成

我如何創建類似的東西才能繼續?它將用於故障排除,以檢查和驗證已完成的步驟以及下一步要嘗試或執行的操作,具體取決於所選的選項。

照片範例 (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>

我希望它在選擇選項時轉到該步驟 例如「是」將進入下一個選項

附有照片範例(https://i.stack.imgur.com/4aWCd.png)

P粉351138462P粉351138462298 天前1786

全部回覆(1)我來回復

  • P粉627427202

    P粉6274272022024-02-27 12:04:11

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

    首先,您應該為選定的框設定特殊的ID;那麼這段程式碼就可以工作:

    回覆
    0
  • 取消回覆