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

Dropdown en verder...

erm - 25/04/2006 11:40 (laatste wijziging 25/04/2006 11:55)

Lid

Hallo mensen,

Ik probeer de volgende dropdown te maken:

Als je nederland selecteerd. Dan zie je een paar lsteden van nederland in de dropdown.
Als je frankrijk selecteerd dan zie je een paar steden van frankrijk in de dropdown.
En als je bijv bij de stad van nederland bent ook een straat. Ik wil dus drie dropdowns achter elkaar hebben.

Kan iemand mij een beetje helpen, ik kom er niet echt uit.

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

                <form id="form1" name="form1" method="post" action="">
  <label>
  <select name="Land">
    <option value="nl">Nederland</option>
    <option value="fr">Frankrijk</option>
    <option value="bel">Belgie</option>
  </select>
  </label>
  <label> <br />
  <select name="Stad">
    <option value="amst">Amsterdam</option>
    <option value="rot">Rotterdam</option>
    <option value="dh">Den haag</option>
    <option value="par">Parijs</option>
    <option value="boux">Boux</option>
    <option value="car">Caranetan</option>
    <option value="brus">Brussel</option>
    <option value="hog">hoogd</option>
    <option value="zal">zalven</option>
  </select>

<select name="straat">
    <option value="teststraatt">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
  </select>[/

            
<form id="form1" name="form1" method="post" action="">
  <label>
  <select name="Land">
    <option value="nl">Nederland</option>
    <option value="fr">Frankrijk</option>
    <option value="bel">Belgie</option>
  </select>
  </label>
  <label> <br />
  <select name="Stad">
    <option value="amst">Amsterdam</option>
    <option value="rot">Rotterdam</option>
    <option value="dh">Den haag</option>
    <option value="par">Parijs</option>
    <option value="boux">Boux</option>
    <option value="car">Caranetan</option>
    <option value="brus">Brussel</option>
    <option value="hog">hoogd</option>
    <option value="zal">zalven</option>
  </select>
 
<select name="straat">
    <option value="teststraatt">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
    <option value="teststraat">teststraat</option>
  </select>[/
 

Ik heb al op het forum gekeken en heb al zoiets gezien maar niet met die selectboxjes, ik probreer het ook t ebewerken maar lukt niet?

Kan iemand mij alsjeblieft helpen :

Hartstikke bedankt!!!!!:!: :

3 antwoorden

Gesponsorde links

brut0r - 25/04/2006 13:20 (laatste wijziging 25/04/2006 13:36)
Nieuw lid		Je moet dit met javascript doen, als je bij op nederland klikt, dat amsterdam en rotterdam GELIJK in beeld komen. Doe je dit niet met javascript moet je gebruik maken van meerdere pagina's. Maar dan krijg je niet echt een dropdown menu.... Er is vast wel een andere manier , maar ik doe het zo.

marten - 25/04/2006 13:38
Beheerder		gebruik bijvoorbeeld onchange hiervoor onchange eerste label dan tweede label tonen

BramBo - 27/04/2006 11:53

JS gevorderde

Juist, je dient hiervoor onchange te gebruiken. Verder kan je de javascript zo opbouwen dat wanneer je nederland selecteert hij de div met de desbetreffende gegevens weergeeft. Of je kan het zo doen dat je de select realtime aanvult met gegevens en hem weer geeft wanneer select1 is aangepast.

Persoonlijk zou ik gaan voor oplossing 1 dit is wel meer html maar is 1 minder fout gevoelig en 2 je hebt minder javascript nodig. gebruik zoiets :

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

                /* html */
<form name='formulier'>
<select name='land'>
 <blabla.....>
</select>
</form>
<div id='nl'>
SELECT NEDERLAND !
</div>
<div id='fr'>Frenchies</div>


/* ecma-script */
window.onload = init;

 function init() {

 var a = document.getElementById('land');
 a.onchange = blaat();

 }

function blaat() {
 var c = document.formulier.land.options[document.formulier.land.selectedIndex].value;
 var cit = document.getElementById(c);

 cit.style.display = 'block';
 cit.style.visibility = 'visible';
 ]

            
/* html */
<form name='formulier'>
<select name='land'>
 <blabla.....>
</select>
</form>
<div id='nl'>
SELECT NEDERLAND !
</div>
<div id='fr'>Frenchies</div>
 
 
/* ecma-script */
window.onload = init;
 
 function init() {
 
 var a = document.getElementById('land');
 a.onchange = blaat();
 
 }
 
function blaat() {
 var c = document.formulier.land.options[document.formulier.land.selectedIndex].value;
 var cit = document.getElementById(c);
 
 cit.style.display = 'block';
 cit.style.visibility = 'visible';
 ]
 

de divs city etc. staan default op display: none; en visibility : hidden;

voor stad en straat dien je het zelfde te doen

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten