combobox auto aanpassen
Gewijzigd op 03/06/2005 19:20:00 door Rotx xtor
Ben je op JS aangewezen denk ik
Mooi artiekel op A List Apart erover.
Daar staat een ouderwetse versie, zoals jij je die voorsteld, maar ook een andere methode wat zeker geen slecht alternatief is...
Daar staat een ouderwetse versie, zoals jij je die voorsteld, maar ook een andere methode wat zeker geen slecht alternatief is...
staat niet veel uitleg bij...
Gewijzigd op 03/06/2005 18:03:00 door Rotx xtor
hier de code:
<script type="text/javascript">
function populate(o)
{
d=document.getElementById('de');
if(!d){return;}
var mitems=new Array();
mitems["Auto's & Motoren"]=['Merken','Auto-Onderdelen','Auto Tuning','Andere Voertuigen','Motoren & Scooters','Motor Onderdelen','Oldtimers','Andere'];
mitems['Boeken']=['Fictie','Non Fictie','Studieboeken','Andere'];
mitems['Industrie']=['Bouwmateriaal & Gereedschap','Diensten','Grondstoffen,Energie','Groothandel','Kantoor','Wetenschap','Landbouw','Machines,Elektronica','Medische Appartuur','Textielindustrie','Winkel','Andere'];
mitems['Computer']=['Tuna Salad','Cesar Salad','Green Salad','Prawn Salad'];
mitems['DVD,Video en Film']=['Pancakes','Waffles','Ice Cream','Fresh Fruit'];
d.options.length=0;
cur=mitems[o.options[o.selectedIndex].value];
if(!cur){return;}
d.options.length=cur.length;
for(var i=0;i<cur.length;i++)
{
d.options.text=cur;
d.options.value=cur;
}
}
</script>
</head>
<body>
<form action="" method="get">
<label for="or">Categorie :</label>
<select name="categorie" onChange="populate(this)"><br>
<option value="kiescategorie" selected>Kies een categorie</option>
<option value="Auto's & Motoren">Auto's en Motoren</option>
<option value="Boeken">Boeken,strips</option>
<option value="Brommers">Brommers</option>
<option value="Kamperen">Kamperen</option>
<option value="Industrie">Industrie</option>
<option value="Computer">Computer</option>
<option value="DVD,Video en Film">DVD,Video en Film</option>
<option value="Foto,TV,Audio">Foto,TV,Audio</option>
<option value="Gaming">Gaming</option>
<option value="Huis & Tuin">Huis & Tuin</option>
<option value="Jobs">Jobs</option>
<option value="Kunst & Antiek">Kunst & Antiek</option>
<option value="Mode & Kleding">Mode & Kleding</option>
<option value="Muziek">Muziek</option>
<option value="Instrumenten">Instrumenten</option>
<option value="Postkaarten">Postkaarten</option>
<option value="Postzegels">Postzegels</option>
<option value="Sieraden,Horloges">Sieraden,Horloges</option>
<option value="Schrijfgerei">Schrijfgerei</option>
<option value="Speelgoed">Speelgoed</option>
<option value="Sport en Fietsen">Sport en Fietsen</option>
<option value="Telecom">Telecom</option>
<option value="Tickets & Reizen">Tickets & Reizen</option>
<option value="Verzamelen">Verzamelen</option>
<option value="Andere">Andere</option>
</select><br>
<label for="de">Rubriek :</label>
<select name="de" id="de" >
<option value="kiescategorie" selected>Kies een rubriek</option>
</select>
</form>
Je krijgt genoeg tips & aanwijzingen maar wil er niet aan?
/close