Bagaimana untuk Mengemas kini Pilihan Dropdown Secara Automatik Berdasarkan Pemilihan Dropdown Pertama Tanpa Pangkalan Data?

<select name="category" onchange="changeSecondDropdown(this)"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><option value="0">None</option>
<option value="1">First</option>
<option value="2">Second</option>

<script><br>fungsi changeSecond Dropdown(kategori) {<br> const pilihan = {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&quot;1&quot;: [&quot;Smartphone&quot;, &quot;Charger&quot;], &quot;2&quot;: [&quot;Basketball&quot;, &quot;Volleyball&quot;]</pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>};</p> <p>// Kosongkan pilihan dalam dropdown kedua<br> const itemsDropdown = document.getElementById("items");<br> itemsDropdown.innerHTML = "";</p> <p>// Tambah pilihan baharu berdasarkan kategori yang dipilih<br> const selectedOptions = options[category.value];<br> for (const option of selectedOptions) {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const newOption = document.createElement(&quot;option&quot;); newOption.value = option; newOption.textContent = option; itemsDropdown.appendChild(newOption);</pre><div class="contentsignin">Salin selepas log masuk</div></div> <p>}<br>}<br></script>

Pelaksanaan ini menggunakan objek JavaScript untuk menyimpan pilihan bagi setiap kategori. Apabila pengguna menukar pilihan dalam lungsur turun pertama, fungsi changeSecondDropdown dipanggil, yang mengemas kini pilihan dalam lungsur kedua berdasarkan kategori yang dipilih.

Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Pilihan Dropdown Secara Automatik Berdasarkan Pemilihan Dropdown Pertama Tanpa Pangkalan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!