Wie aktualisiere ich Dropdown-Optionen automatisch basierend auf der ersten Dropdown-Auswahl ohne Datenbank?

<script><p>function changeSecondDropdown(category) {<br> const options = {<br></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">Nach dem Login kopieren</div></div>};<p></p>// Optionen im zweiten Dropdown löschen<p> const itemsDropdown = document.getElementById("items");<br> itemsDropdown.innerHTML = "";<br></p>// Füge die neuen Optionen basierend auf der ausgewählten Kategorie hinzu<p> const selectedOptions = options[category.value];<br> for (const option of selectedOptions) {<br></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">Nach dem Login kopieren</div></div>}<p>}<br></script>

Diese Implementierung verwendet ein JavaScript-Objekt, um die Optionen für jede Kategorie zu speichern. Wenn der Benutzer die Auswahl im ersten Dropdown-Menü ändert, wird die Funktion „changeSecondDropdown“ aufgerufen, die die Optionen im zweiten Dropdown-Menü basierend auf der ausgewählten Kategorie aktualisiert.

Das obige ist der detaillierte Inhalt vonWie aktualisiere ich Dropdown-Optionen automatisch basierend auf der ersten Dropdown-Auswahl ohne Datenbank?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!