Select Box Eintrag dynamisch anpassen ohne slectedIndex

LindaJS

Grünschnabel
Hallo,

ich habe schon wieder das naechste Problem. Ich habe eine SelectBox Auswahl nach diesem Prinzip:
HTML:
<form action="agro_s_data.html?" name="input" onsubmit=" switchAction();">
<p><label>plant_name: <select id="plant_name" name="plant_name">
</select></label>
<br>
<label>phase_name: <select id="phase_name" name="phase_name">
</select></label></p>
<label>station_name:</label>
<select name="station_name" size="1">	
<option> Aach
<option> Bach
<option> Cach
etc

Nun wuerde ich gerne per Mausclick ein Event starten, dass das Auswahlfeld auf den geklickten Namen aendert. Ich habe es bis jetzt so versucht:
Code:
function selectBox(wert)
{
document.input.station_name.selectedIndex = wert
}
Code:
<a href="#" onclick="selectBox('0')">XZY</a><br>

Das funktioniert auch super. Mein Problem ist, dass ich die Eintrage nicht ueber den Index ansprechen kann, da ich ihn schlichtweg nicht kenne und keine Chance habe ihn ausfindig zu machen.
Die Auswahlmoeglichkeiten betragen ueber 1000 Moeglichkeiten.
Gibt es ein Pendant zu slectedIndex bei dem ich ueber den Name gehen kann?

Sprich wenn jmd auf Aach klickt soll auch im Menue von alleine Aach ausgewaehlt werden, was Index 0 entspraeche. Kann man da irgendwie ueber den Namen statt ueber den Index gehen sprich das er den Namen abgleicht und daraufhin das Select Feld demnach einstellt?
Ich koennte auch einfach die Seite neuladen aber da das relativ lange dauert ist das nicht wirklich eine Option..

Vielen Dank fuer Hilfe, Linda :)
 
Also mir ist der Sinn des ganzen nicht wirklich klar und ich weiss auch garnicht ob ich das richtig verstanden hab.
Du willst beim klick auf den Link das der Wert im select Feld ausgewählt wird?!
Falls ja ist mir zumindest mal nicht bekannt das es dafür eine vorgefertigte Methode gibt.
Lässt sich aber schnell selbst schreiben.
Javascript:
function selectBox(wert)
{
	var select = document.input.station_name;
	var itemCount = select.length;
	for(i = 0; i < itemCount; i++){
		if(select[i].value == wert){
			select.selectedIndex = i;
			break;
		}
	}
}

HTML:
<a href="#" onclick="selectBox('Entry999')">Entry999</a><br>

Damit das im IE funktioniert müssen die einzelnen Optionen die Value-Eigenschaft gesetzt haben:
HTML:
<option value="Entry999">Entry999</option>
 
Funktioniert perfekt und du hast mich richtig verstanden =)

Vielen Dank vielleicht kann ich dir ja auch irgendwann mal helfen ;)
Gruss Linda
 
Bitte gerne.

Noch ein Hinweis:
Es gibt hier irgendwo einen Button um den Thread als "Erledigt" zu markieren. Wäre schön wenn du den benutzt.
 

Neue Beiträge

Zurück