Mit Link Select-Menü-Auswahl ändern?

U

UnqlPhriek

Mitglied
Hallo!

Ich hege folgenden Wunsch, scheiter jedoch leider an der Umsetzung:

Ich habe bspw. 3 Bilder und darunter ein <select>-menü (<select name="id[1]"> - leider nicht änderbar) mit den Optionswerten 1,2 und 3.

Klickt man auf Bild 1 soll im Select-Menü darunter automatisch <option value="1">Bild 1</option> angewählt werden, beim Klick auf Bild 2 <option value="2">Bild 2</option> und bei Bild 3 eben <option value="3">Bild 3</option>.

Hat da jemand eine Lösung parat? Wäre für Eure Hilfe sehr dankbar!

Gruß,
UnqlPhriek
 
So sollte es klappen:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript1.2" type="text/javascript">
<!--
function auswahl(wert)
{
document.forms.Bildwahl.Selector.selectedIndex = wert
}
//-->
</script>
</head>
<body>
<form name="Bildwahl">
<select name="Selector">
<option name="1">Bild 1</option>
<option name="2">Bild 2</option>
<option name="3">Bild 3</option>
</select>
</form>
<a href="#" onclick="auswahl('0')">1 Eintrag im SelectFeld aktivieren</a><br>
<a href="#" onclick="auswahl('1')">2 Eintrag im SelectFeld aktivieren</a><br>
<a href="#" onclick="auswahl('2')">3 Eintrag im SelectFeld aktivieren</a>
</body>
</html>
 
Danke!
Problem ist jetzt allerdings, das das Select menu eben nicht als <select name="Selector"> definiert ist, sondern mit <select name="id[1]"> ..
wenn ich nun die entsprechende Zeile so veränder:
"document.forms.Bildwahl.id[1].selectedIndex = wert"

gibt er mir den fehler
'document.forms.Bildwahl.id.1' ist Null oder kein Objekt.

leider kann ich das select menü nicht einfach umbenennen. :(
 
Dann löse es so:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript1.2" type="text/javascript">
<!--
function auswahl(wert)
{
document.forms[0].elements[0].selectedIndex = wert
}
//-->
</script>
</head>
<body>
<form name="Bildwahl">
<select name="Selector">
<option name="1">Bild 1</option>
<option name="2">Bild 2</option>
<option name="3">Bild 3</option>
</select>
</form>
<a href="#" onclick="auswahl('0')">1 Eintrag im SelectFeld aktivieren</a><br>
<a href="#" onclick="auswahl('1')">2 Eintrag im SelectFeld aktivieren</a><br>
<a href="#" onclick="auswahl('2')">3 Eintrag im SelectFeld aktivieren</a>
</body>
</html>

Solltest du mehre Formulare haben oder das Selct ist nicht das erste Objekt, dann Zahlen anpassen!
 
Super! Vielen vielen Dank, das funktioniert! ...jedenfalls wenn ich onmouseover statt onclick verwende.. aus irgendeinem mir unerfindlichen grund springt er beim klick zurück auf http://www.domain.de/# anstatt im aktuellen dokument zu bleiben, wie es bei "#" als ziel ja eigentlich sein sollte..

Liebe Grüße
UnqlPhriek
 
Iich habe das gleiche Problem mit der selectBox.
Allerdings kann ich nicht einfach mit elements[0] auf die Box zugreifen, da das Formular dynamisch generiert wird und die Box auch mal an Position 10 sein kann.

Gibt es eine Möglichkeit den Wert in der selectbox zu ändern, auch wenn sie "id[12]" (der ist immer gleich) heißt?

Danke und Grüße Micha
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück