Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

met js de backgroundColor van options instellen. (Opgelost)

lolll - 11/06/2010 17:13

Lid

Hoe kan ik met behulp van js ervoor zorgen, dat mijn selectoptie's, dezelfde achtergrondkleur hebben als de value die ik hen meegeef ? Hier ff een stukje code om het duidelijk te maken :
[html]

html4strict code - Bekijk de code zonder highlighting - Klap code in

<head>
<script src="js.js" language="javascript" type="text/javascript"></script>
</head>
<body>
	<select name="list" id="list">
		<option value="yellow">yellow</option>
		<option value="red">red</option>
	</select>
</body>
</html>

<head>
<script src="js.js" language="javascript" type="text/javascript"></script>
</head>
<body>
	<select name="list" id="list">
		<option value="yellow">yellow</option>
		<option value="red">red</option>
	</select>
</body>
</html>

Met js wil ik er dus voor zorgen dat de achtergrondkleur van die optie's, dezelfde is als de value die ik ze meegeef. Ik heb al de volgende js code, maar het wil maar niet werken, kan iemand dus ff kijken wat hier fout is ?

javascript code - Bekijk de code zonder highlighting - Klap code in

                var list=document.getElementById('list');
for( var i = 0 ; i < list.length ; i++ ) {
   var color = list.options[i].value;
   list.options[i].style.backgroundColor=color;
}

            
var list=document.getElementById('list');
for( var i = 0 ; i < list.length ; i++ ) {
   var color = list.options[i].value;
   list.options[i].style.backgroundColor=color;
}
 

Grt,Lolll

2 antwoorden

Gesponsorde links

vinTage - 11/06/2010 17:25
Nieuw lid		je moet nog een onchange aanroepen met je dropmenu.
Bedankt door: lolll

lolll - 11/06/2010 18:07

Lid

ok, ik heb er een functie van gemaakt, en in m'n body heb ik een onLoad gezet, zodat de kleur al is veranderd als de pagina is geladen, zodat je direct ook de kleur ziet.
Voor andere mensen die dit nodig hebben, dit is de code :

html4strict code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
<script language="javascript">
	function setColors(){
		var list=document.getElementById('list');
		for( var i = 0 ; i < list.length ; i++ ) {
	   	var color = list.options[i].value;
   		list.options[i].style.backgroundColor=color;
		}
	}
</script>
</head>
<body onLoad="setColors();">
	<select name="list" id="list">
		<option value="yellow">yellow</option>
		<option value="red">red</option>
	</select>
</body>
</html>

<html>
<head>
<script language="javascript">
	function setColors(){
		var list=document.getElementById('list');
		for( var i = 0 ; i < list.length ; i++ ) {
	   	var color = list.options[i].value;
   		list.options[i].style.backgroundColor=color;
		}
	}
</script>
</head>
<body onLoad="setColors();">
	<select name="list" id="list">
		<option value="yellow">yellow</option>
		<option value="red">red</option>
	</select>
</body>
</html>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten