globe: Dropdown soll anderes dropdown ändern ohne neuladen...

Beitrag lesen

n'abend,

also ich habe eine Frage, ob folgendes überhaupt funktionieren kann. Ich habe z.B. 10 dropdown Listen in denen je die Zahlen 1 - 10 stehen. Wenn ich nun dropdown auf 10 stelle, soll automatisch 1 im vorherigen feld 10 stehen. Ist so etwas lösbar.Ich weiß nicht so recht, wie ich das anpacken soll. Ich bin um jeden Tipp dankbar.

leider verstehe ich nicht was du _genau_ machen willst.
Es ist jedoch absolut kein Problem deinem <select> das Attribut onchange hinzuzufügen. onchange ist ein EventListener und wird dann ausgeführt, wenn sich der Inhalt resp. die Auswahl ändert. onchange können wir eine beliebige JavaScript Funktion zuweisen:

<select id="erstes" onchange="aendereZweites(this);">  
  <option value="1">eins</option>  
  <option value="2">zwei</option>  
  <option value="3">drei</option>  
</select>  
<select id="zweites">  
  <option value="a">ich bin ein A</option>  
  <option value="b">ich bin ein B</option>  
  <option value="c">ich bin ein C</option>  
</select>

Dieses Beispiel beschränkt sich auf bekannte und vorhandene Werte für das zweite <select>. Du kannst natürlich auch die <option>s des zweiten (abghängigen) <select>s manipulieren. Eine der uns bereits zur Verfügung stehenden <option>s auszuwählen könnte etwa so passieren:

function aendereZweites( erstesSelect )  
{  
  // zweites (abhängiges) select finden  
  var zweitesSelect = document.getElementById( 'zweites' );  
  
  // eine option auswählen  
  zweitesSelect.selectedIndex = erstesSelect.selectedIndex;  
}

weiterhin schönen abend...

--
Freundlich wie man war, hat man mir Großbuchstaben geschenkt.
sh:( fo:# ch:# rl:| br:> n4:& ie:{ mo:} va:) de:] zu:} fl:( ss:? ls:[ js:|