Navigasi ke halaman seterusnya selepas membuat pilihan menggunakan pilihan Visible Values
P粉351138462
P粉351138462 2024-02-26 22:45:32
0
1
1749

Saya cuba mencipta aliran menggunakan HTML (kod di bahagian bawah) Saya pilih "Cisco" dan kemudian pergi ke kotak seterusnya untuk saya memilih jenis, saya pilih "PE Router" dan kemudian pergi ke set pilihan seterusnya, pilih peranti dan seterusnya sehingga saya selesai

Bagaimana cara saya mencipta sesuatu yang serupa untuk diteruskan? Ia akan digunakan untuk menyelesaikan masalah untuk menyemak dan mengesahkan langkah-langkah yang telah diselesaikan dan perkara yang perlu dicuba atau dilakukan seterusnya, bergantung pada pilihan yang dipilih.

Contoh foto (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>

Saya mahu ia pergi ke langkah itu apabila memilih pilihan Contohnya "Ya" akan pergi ke pilihan seterusnya

Dengan contoh foto (https://i.stack.imgur.com/4aWCd.png)

P粉351138462
P粉351138462

membalas semua(1)
P粉627427202

Anda boleh melakukan ini menggunakan JavaScript.

Pertama, anda harus menetapkan ID khas untuk kotak yang dipilih; kemudian kod ini akan berfungsi:

sssccc
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan