HTML を使用してフローを作成しようとしています (コードは下部にあります)
「Cisco」を選択し、次のボックスに移動してタイプを選択します。「PE Router」を選択して、次のオプションのセットに進み、デバイスを選択するなど、完了するまで繰り返します。
続行するには、同様のものを作成するにはどうすればよいですか?これは、選択したオプションに応じて、完了した手順と次に何を試行または実行するかを確認および検証するトラブルシューティングに使用されます。
写真の例 (https://i.stack.imgur.com/EAgGs.png)
<label for="cars">デバイスを選択</label><br>
<select class="detail-ta" id="detail-ta2" size="3">
<option style="text-overflow: クリップ; オーバーフロー: 表示; ホワイトスペース: -moz-pre-wrap; ホワイトスペース: pre-wrap; margin-bottom: 1px;"></option>
<option value="Cisco">Cisco</option>
<option value="ジュニパー">ジュニパー</option>
<option value="Rad">Rad</option>
<option value="Adva">Adva</option></option>
</選択>
<br>
<br>
<label for="Cisco Device type">タイプを選択</label><br>
<select class="detail-ta" id="detail-ta2" size="3">
<option style="text-overflow: クリップ; オーバーフロー: 表示; ホワイトスペース: -moz-pre-wrap; ホワイトスペース: pre-wrap; margin-bottom: 1px;">
<option value="PE ルーター">PE ルーター</option>
<option value="ルーター">ルーター</option>
<option value="スイッチ">スイッチ</option>
</選択>
<br>
<br>
<label for="Cisco PE DEVICE">Cisco PE デバイスを選択</label><br>
<select class="detail-ta" id="detail-ta2" size="4">
<option style="text-overflow: クリップ; オーバーフロー: 表示; ホワイトスペース: -moz-pre-wrap; ホワイトスペース: 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>
</選択>
オプションを選択したときにそのステップに進むようにしたい
たとえば、「はい」を選択すると次のオプションに進みます
写真例付き (https://i.stack.imgur.com/4aWCd.png)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは JavaScript を使用して行うことができます。
まず、選択したボックスに特別な ID を設定する必要があります。その後、次のコードが機能します: