Über Links Select-Box Inhalte ändern.

[guma]

Hallo zusammen,

ich habe diese Select-Box erstellt:
<select name="region" size="1">
<option value="r1">r1</option>
<option value="r2">r2</option>
<option value="r3">r3</option>
</select>

Durch einen Klick auf ein Bild mit Link (ausserhalb der Select-Box) soll sich die Select-Box jetzt ändern:
<select name="region" size="1">
<option value="aa">aa</option>
<option value="bb">bb</option>
<option value="cc">cc</option>
</select>

Kann ich so etwas über Javascript erreichen und wenn ja wie?!

Ich will das ganze für Lankarten einsetzen, die bei Klick auf die Landkarte, die Regionen des gewählten Landes in einer Selectbox ausgibt.

Grüße von Guma

[wahsaga]

hi,

Kann ich so etwas über Javascript erreichen und wenn ja wie?!

http://de.selfhtml.org/javascript/objekte/options.htm

Etwas mehr Eigeninitiative deinerseits wäre begrüßenswert.
Auf der Seite findest du m.E. alle Informationen, die du zum löschen, neu erstellen und manipulieren von Options brauchst.

Und wenn du dir das schon angeschaut haben solltest, und trotzdem noch Probleme mit deinem Vorhaben hast - dann stelle bitte konkretere Fragen.

gruß,
wahsaga

[Guma]

danke wahsager,

wäre es z.B. gut drei select-boxen zu erstellen und diese über javascript zu zeigen bzw. zu verstecken.

oder kann ich anders an die sache gehen..
z.b. inhalte der einzelnen selectbox tauschen lassen?

Leider weiß ich nicht wie, da hilft auch keine Eigeninititive....
grüße von Guma

[Guma]

Hallo wahsager...
folgendes habe ich herausgefunden. bitte mal anschauen und mir bescheid geben wo ich aufpassen muss. funktioniert in IE 6:
<form name="landwahl">
<label><input type="radio" name="radiobutton" value="radiobutton" onMouseUp="tauscheinhalte(0)"/>D</label>  <label>
<input type="radio" name="radiobutton" value="radiobutton" onMouseUp="tauscheinhalte(1)"/>CH</label>  <label>
  <input type="radio" name="radiobutton" value="radiobutton" onMouseUp="tauscheinhalte(2)"/>AUT</label>
<select name="regionauswahl" size="1">
<option value="#">-</option>
</select>
<script>

var gruppen=5  // bin mir nicht sicher ob 5 hier richtig ist
var gruppe=new Array(gruppen)
for (i=0; i<gruppen; i++)
gruppe[i]=new Array()

gruppe[0][0]=new Option("Baden Würtemberg","#")
gruppe[0][1]=new Option("Bayern","#")
gruppe[0][2]=new Option("NRW","#")

gruppe[1][0]=new Option("SchweizerAlp","#")
gruppe[1][1]=new Option("Zürich","#")

gruppe[2][0]=new Option("Zillertal","#")
gruppe[2][1]=new Option("Gletscher","#")
gruppe[2][2]=new Option("Orschelgingen","#")
gruppe[2][3]=new Option("Obergurgel","#")

var meinselect=document.landwahl.regionauswahl

function tauscheinhalte(x){
for (gr=meinselect.options.length-1;gr>0;gr--)
meinselect.options[gr]=null
for (i=0;i<gruppe[x].length;i++){
meinselect.options[i]=new Option(gruppe[x][i].text,gruppe[x][i].value)
}
meinselect.options[0].selected=true
}
</script>
</form>

Grüße from Guma