Select-Box prüfen, ob eine bestimmte Option ausgewählt wurde...

Chrissy00 · 26. Mai 2009

Select-Box prüfen, ob eine bestimmte Option ausgewählt wurde...

Huhu =)

Da ich mit der SuFu leider nix gefunden habe, hier meine Frage:

Ist es möglich, zu prüfen, ob eine bestimmte Option in einem Select-feld ausgewählt wurde?
Wenn zum Beispiel die 3. Option angewählt wird, sollte am Anfang der seite eine kleine Infomeldung kommen...das mit der Meldung is relativ einfach, deshalb gehts mir nur um den Javascript code =)

Ich hoff ihr könnt mir helfen

Greez

Edit:
Bin grad dabei des ganze mal mit nem div undso zu probieren

sergNN · 26. Mai 2009

erst im combobox event holent:

Code:

<select name="my_box" onChange="JavaScript:my_function();">

dann prüfen etwa so:

Code:

function my_function()
{ 
...
if (document.getElementsByName("my_box")[0].value != "" &&    document.getElementsByName("my_box")[0].value = dein_wert  )
.... 
und so weiter ...
...
}

ah, fast vergessen - nach der prüfung zeig deine Meldung oder so was und danach - zum hauptevent (seite reloaden oder eine andere holen).

Broken Sword · 26. Mai 2009

Hi,
dazu gibt es schon ein paar Threads, aber habe dir trotzdem mal ein Beispiel erstellt:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SelectBox Test</title>

<script type="text/javascript">
// <![CDATA[
	function checkSelect() {
		if(document.getElementById('selectbox').selectedIndex == 2) document.getElementById('info').style.display = 'block';
	}
// ]]>
</script>

</head> 
<body>
<div id="info" style="display:none">Die dritte Auswahl wurde gewählt</div>
<fieldset>
	<select id="selectbox">
		<option>01</option>
		<option>02</option>
		<option>03</option>
	</select> 
	<button onclick="checkSelect()">check</button>
</fieldset>
</body>
</html>

Die Optionen funktionieren wie ein Array, also beginnen sie bei 0.

Gruß
Broken Sword

Chrissy00 · 26. Mai 2009

Supi, danke an euch beiden, werd ich glatt mal ausprobieren =)

Edit:
Funktioniert wunderbar, habe den Code von Broken Sword verwendet und n bissl umgeschrieben, damit auch die Info wieder verschwindet, wenn eine andere Option ausgewählt wird. Nochmals vielen Dank!

Broken Sword · 26. Mai 2009

Nächste mal das Präfix ändern!
http://www.freesoft-board.to/f238/faq-wie-man-das-praefix-umstellt-248151.html

=> Closed

Gruß
Broken Sword

Select-Box prüfen, ob eine bestimmte Option ausgewählt wurde...

Chrissy00

Active member

sergNN

Broken Sword

Well-known member

Chrissy00

Active member

Broken Sword

Well-known member

Beliebte Schlagwörter