1 element een bepaalde stijl geven uit dropdown box

  • Onderwerp starter Onderwerp starter B87
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
B

B87

Nieuwe gebruiker
Lid geworden
15 jul 2011
Berichten
1
Hallo,

Ik heb onderstaande code:

Code: 
<select class="Form" name="opties">
<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="SLX" selected>Selecteer optie</option>
</select>

Nu zou ik graag willen dat wanneer de optie met value SLX een bepaalde stijl krijgt wanneer hij geselecteerd wordt. Het is geen probleem om hem bijvoorbeeld rood te maken in de lijst zelf, maar wanneer je hem dan selecteert krijgt hij de standaard style (in Mozilla en Chrome).

Weet iemand hoe ik dit kan oplossen?
 
Code: 
<html>
	<head>
		<script type="text/javascript">
		<!--
			function select (el) {
				var sel = document.getElementById('opties');
				for (var i=0; i<sel.children.length; i++) {
					var opt = sel.children[i];
					if (opt.selected) {
						opt.style.color = 'red';
					} else {
						opt.style.color = 'black';
					}
				}
				
				//optioneel:
				sel.style.color = 'red';
			}
		-->
		</script>
	</head>
	<body onload="select();">
		<form id="form">
			<select id="opties" class="Form" name="opties">
			<option value="AAA" onclick="select();">AAA</option>
			<option value="BBB" onclick="select();">BBB</option>
			<option value="SLX" onclick="select();" selected>Selecteer optie</option>
			</select>
		</form>
	</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan