我正在尝试使用 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)
您可以使用 JavaScript 来完成此操作。
首先,您应该为选定的框设置特殊的ID;那么这段代码就可以工作: