nicht angemeldet
In Drop-Down-Menü ausgewähtlen Wert anzeigen lassen
Hallo,
der Code unten zeigt mit mir einem Alert-Fenster an, was ich in dem Drop-Down-Menü ausgewählt habe. Die Funktion soll im Prinzip die gleiche bleiben. Allerdings würde ich mir gerne das Formular sparen. Die Java-Script Funktion wurde ich gerne über onclick aufrufen. Könnt ihr mir sagen wie das geht?
<html>
<head>
<script type="text/javascript">
function CheckAuswahl ()
{
alert(Testform.Auswahl.value);
return true;
}
</script>
</head>
<body>
<form name="Testform" onsubmit="return CheckAuswahl()" action="">
<select name="Auswahl" size="5">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select>
<input type="submit">
</form>
</body>
</html>
-
Mahlzeit,
Die Java-Script Funktion wurde ich gerne über onclick aufrufen.
"onclick" geht bei <select>-Boxen nicht, höchstens bei den einzelnen <option>-Elementen. Eine andere Möglichkeit wäre "onselect":
<html> <head> <script type="text/javascript"> [code lang=javascript] function CheckAuswahl(select) { alert(select.value); }</script>
</head><body>
<select name="Auswahl" size="5" onchange="CheckAuswahl(this);">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select>
</body>
</html>[/code]MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|-
Mahlzeit,
"onclick" geht bei <select>-Boxen nicht, höchstens bei den einzelnen <option>-Elementen. Eine andere Möglichkeit wäre "onselect":
Argl. Ich meinte natürlich - wie im Code auch angegeben - den Event-Handler "onchange". :-)
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:| -
Die Java-Script Funktion soll über einen Button aufgerufen werden. Das ist wichtig.
-
Mahlzeit,
Die Java-Script Funktion soll über einen Button aufgerufen werden. Das ist wichtig.
Dann tu's doch - so kompliziert sollten die entsprechenden Anpassungen doch nicht sein:
<html> <head> <script type="text/javascript"> [code lang=javascript] function CheckAuswahl(select_name) { select = document.getElementsByName(select_name)[0]; if (select) { alert(select.value); } }</script>
</head><body>
<select name="Auswahl" size="5">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select>
<input type="button" onclick="CheckAuswahl('Auswahl');">
</body>
</html>[/code]Und wenn doch: http://de.selfhtml.org/javascript/index.htm@title=...
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
-
-
-
So klappt es leider nicht. Könnt ihr mir sagen warum?
<html>
<head>
<script type="text/javascript">
function CheckAuswahl ()
{
alert(Auswahl.value);
}
</script>
</head><body>
<select name="Auswahl" size="1">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select><input type="button" value="anzeigen" onclick="CheckAuswahl()">
</body></html>
-
Was machte ich denn, wenn z.B. bei der Auswahl vno Goethe intern nicht Goethe sonder "Wert1" verarbeitet werden soll. Bei der Der Auswahl von Schiller soll "Wert2" verarbeitet werden usw.
Ich will dem Wert der in der Liste angezeigt wird einen Wert zuordnen der intern verwendet werden kann. Wie geht sowas?
<body>
<select name="Auswahl" size="5">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select>
</body>
</html>-
Mahlzeit,
Ich will dem Wert der in der Liste angezeigt wird einen Wert zuordnen der intern verwendet werden kann. Wie geht sowas?
Mit Hilfe des "http://de.selfhtml.org/html/formulare/auswahl.htm#listen_absendewert@title=value"-Attributs.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
-