Tekst in meerder dropdowns veranderen of wissen

Status
Niet open voor verdere reacties.
J

johnny1963

Gebruiker
Lid geworden
23 okt 2006
Berichten
82
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>

<script type="text/javascript">

var provincie_nederland = new Object()
provincie_nederland["Nederland"] = [{value:"Limburg", text:"Limburg"},
                      {value:"Brabant", text:"Brabant"}];
provincie_nederland["Duitsland"] = [{value:"Baden-Wuerttemberg", text:"Baden-Wuerttemberg"},
									{value:"Noordrijn-Westfalen", text:"Noordrijn-Westfalen"}];
provincie_nederland["België"] = [{value:"Antwerpen", text:"Antwerpen"},
                                 {value:"Limburg (België)", text:"Limburg (België)"}];
provincie_nederland["Luxemburg"] = [{value:"Diekirch", text:"Diekirch"},
                                    {value:"Grevenmacher ", text:"Grevenmacher "}];
provincie_nederland["USA"] = [{value:"Allabama", text:"Allabama"},
                              {value:"Californië", text:"Californië"}];
					  
					  
var gemeente = new Object()
gemeente["Limburg"] = [{value:"Heerlen", text:"Heerlen"},
                       {value:"Kerkrade", text:"Kerkrade"}];
gemeente["Brabant"] = [{value:"Aalburg", text:"Aalburg"},
                       {value:"Alphen-Chaam", text:"Alphen-Chaam"}];
gemeente["Baden-Wuerttemberg"] = [{value:"Alb-Donau-Kreis", text:"Alb-Donau-Kreis"},
								  {value:"Biberach", text:"Biberach"}];	
gemeente["Noordrijn-Westfalen"] = [{value:"Aken (Aachen)", text:"Aken (Aachen)"},
								   {value:"Borken", text:"Borken"}];
gemeente["Antwerpen"] = [{value:"Aartselaar", text:"Aartselaar"},
								   {value:"Antwerpen (stad)", text:"Antwerpen (stad)"}];								
gemeente["Limburg (België)"] = [{value:"Hasselt", text:"Hasselt"},
								   {value:"Maaseik", text:"Maaseik"}];									
gemeente["Diekirch"] = [{value:"Bettendorf", text:"Bettendorf"},
								   {value:"Bourscheid", text:"Bourscheid"}];									
gemeente["Grevenmacher"] = [{value:"Betzdorf", text:"Betzdorf"},
								   {value:"Biwer", text:"Biwer"}];									
gemeente["Allabama"] = [{value:"Autauga County", text:"Autauga County"},
								   {value:"Baldwin County", text:"Baldwin County"}];									
gemeente["Californië"] = [{value:"Alameda County", text:"Alameda County"},
								   {value:"Alpine County", text:"Alpine County"}];									

var plaats = new Object()
plaats["Heerlen"] = [{value:"Beersdal en Vrank", text:"Beersdal en Vrank"},
                      {value:"Heerlerheide", text:"Heerlerheide"}];
plaats["Kerkrade"] = [{value:"Eygelshoven", text:"Eygelshoven"},
                      {value:"Hopel", text:"Hopel"},
                      {value:"Vink", text:"Vink"}];							  
plaats["Aalburg"] = [{value:"Wijk en Aalburg", text:"Wijk enAalburg"},
                    {value:"Babyloniënbroek", text:"Babyloniënbroek"}];
plaats["Borsele"] = [{value:"Borsele", text:"Borsele"},
                     {value:"Heinkenszand", text:"Heinkenszand"}];
plaats["Alphen-Chaam"] = [{value:"Aalburg", text:"Aalburg"},
                     {value:"Alphen", text:"Alphen"}];
plaats["Alb-Donau-Kreis"] = [{value:"Blaubeuren", text:"Blaubeuren"},
									{value:"Dietenheim", text:"Dietenheim"}];
plaats["Biberach"] = [{value:"Bad Buchau", text:"Bad Buchau"},
									{value:"Bad Schussenried", text:"Bad Schussenried"}];
plaats["Aken (Aachen)"] = [{value:"Alsdorf", text:"Alsdorf"},
									{value:"Baesweiler", text:"Baesweiler"}];
plaats["Borken"] = [{value:"Ahaus", text:"Bocholt"},
									{value:"Borken", text:"Borken"}];
plaats["Aartselaar"] = [{value:"Voorheide", text:"Voorheide"},
									{value:"Berendonk ", text:"Berendonk "}];
plaats["Antwerpen (stad)"] = [{value:"Stabroek", text:"Stabroek"},
									{value:"Hoevenen ", text:"Hoevenen "}];
plaats["Hasselt"] = [{value:"As", text:"As"},
									{value:"Beringen", text:"Beringen"}];
plaats["Maaseik"] = [{value:"Beek", text:"Beek"},
									{value:"Bocholt", text:"Bocholt"}];
plaats["Betzdorf"] = [{value:"Berg", text:"Berg"},
									{value:"Betzdorf", text:"Betzdorf"}];
plaats["Biwer"] = [{value:"Biwer", text:"Biwer"},
									{value:"Biwerbaach", text:"Biwerbaach"}];									
plaats["Autauga County"] = [{value:"Autaugaville", text:"Autaugaville"},
									{value:"Billingsley", text:"Billingsley"}];
plaats["Baldwin County"] = [{value:"Bay Minette", text:"Bay Minette"},
									{value:"Daphne", text:"Daphne"}];	
plaats["Autauga County"] = [{value:"Autaugaville", text:"Autaugaville"},
									{value:"Billingsley", text:"Billingsley"}];
plaats["Baldwin County"] = [{value:"Alameda", text:"Alameda"},
									{value:"Albany", text:"Albany"}];									
	

var textBlocks = new Array( 
'<font style="font-size:10px;" color="#FFFFFF">Geboorte Provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Deelstaat:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Provincie:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte staat:</font>',
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Provincie:</font>', 
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Provincie:</font>');
	
var textBlockscounty = new Array( 
'<font style="font-size:10px;" color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte County:</font>',
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>');	
	
function setplaats()
{
   var plaats = document.getElementById('plaats');
   
 
    var out = document.getElementById('geboorte_plaats');
out.value = plaats.options[plaats.selectedIndex].value;
}

	
function setgodsdienst(x)
{
   var godsdienst = document.getElementById('godsdienst'); 
    var out = document.getElementById('geloof');
out.value = godsdienst.options[godsdienst.selectedIndex].value;

el=document.getElementById("DatumGedoopt")
if(x=="rooms-katholiek" || x=="Joods"){
el.style.display="block"
}
if(x=="moslim" || x=="boeddhist" || x=="protestants" ){
el.style.display="none"
}
  document.getElementById("geboorte_land").value = '';
   document.getElementById("geboorte_provincie").value = '';
     document.getElementById("geboorte_gemeente").value = '';
		document.getElementById("geboorte_plaats").value = '';
}
	
	
function setplaatsen(chooser) {
	var gemeenten = document.getElementById('gemeenten');
   
	var out = document.getElementById('geboorte_gemeente');
	out.value = gemeenten.options[gemeenten.selectedIndex].value;
	
	
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["plaats"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = plaats[choice];
	
	
    newElem = document.createElement("option");
    newElem.text = "Kies een Plaats, Dorp of gehucht:";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }	
	document.getElementById("geboorte_plaats").value = '';
}		


					  
function setgemeenten(chooser) {
	 var provincie = document.getElementById('provincie');
   
	var out = document.getElementById('geboorte_provincie');
	out.value = provincie.options[provincie.selectedIndex].value;
	
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["gemeenten"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = gemeente[choice];
	
    newElem = document.createElement("option");
    newElem.text = "Kies een gemeente:";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }	
	     document.getElementById("geboorte_gemeente").value = '';
		document.getElementById("geboorte_plaats").value = '';
}					  
					  
function setLanden(chooser) {
	 var continent = document.getElementById('continent');
   
	var out = document.getElementById('geboorte_land');
		out.value = continent.options[continent.selectedIndex].value;

	var ind = document.getElementById('continent').selectedIndex; 
		document.getElementById("disp").innerHTML=textBlocks[ind]; 
         document.getElementById("disp1").innerHTML=textBlockscounty[ind];
		 
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["provincie"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = provincie_nederland[choice];	
    newElem = document.createElement("option");
    newElem.text = "Kies een Provincie:";
	

    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }
   document.getElementById("geboorte_provincie").value = '';
     document.getElementById("geboorte_gemeente").value = '';
		document.getElementById("geboorte_plaats").value = ''	
		
}

/**********
  DOM LEVEL 0 ALTERNATE
 **********
function setLanden(chooser) {
    var cityChooser = chooser.form.elements["provincie"];
    // empty previous settings
    cityChooser.options.length = 0;
    // get chosen value to act as index to provincie_nederland hash table
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = provincie_nederland[choice];
    // insert default first item
    cityChooser.options[0] = new Option("Kies een Provincie:", "", true, false);
    if (choice != "") {
        // loop through array of the hash table entry, and populate options
        for (var i = 0; i < db.length; i++) {
            cityChooser.options[i + 1] = new Option(db[i].text, db[i].value);
        }
    }	
}




**********/
</script>

</head>
<body>
	  <form action="" method="POST" name="myform" enctype="multipart/form-data">
<TABLE>
<TD style="width:200px; background-color:yellow;text-align:right;" ><font style="font-size:10px;"  color='green'>Geloof:</font>
</TD>
<TD WIDTH="486"> <input type='text' name='geloof' id='geloof' title='Geloof.' style="width:265px; font-size:10px; height:18px;">
			  <select name="godsdienst" id="godsdienst" onchange="setgodsdienst(this.value);"  title="Als niet in lijst, hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px; margin-left:10px;">
    <option value="" selected>Kies een geloof:</option>
    <option value="moslim" name="moslim">moslim</option>
    <option value="boeddhist" name="boeddhist" >boeddhist</option>
    <option value="rooms-katholiek" name="rooms-katholiek">rooms-katholiek</option>
    <option value="protestants" name="protestants">protestants</option>
    <option value="Joods" name="Joods">Joods</option>
</select>
</TD></TR>
<TR>
<TD colspan="2">
<div id="DatumGedoopt" name="DatumGedoopt" style="display:none;">
<table style="margin-left:-3px;margin-top:-3px">

<tr>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte land:</font>
</TD>
<TD WIDTH="270px">
<input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_land' id='geboorte_land' title='Geboorte land.' />
 <select name="continent" id="continent" onchange="setLanden(this)" title="Je mag Land ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
   <option value="" selected>Kies een Land:</option>
    <option value="Nederland">Nederland</option>
    <option value="Duitsland">Duitsland</option>
    <option value="België">België</option>
    <option value="Luxemburg">Luxemburg</option>
    <option value="USA" name="usa">USA</option>
    <option value="Australië">Australië</option>
	<option value="Nieuw Zeeland">Nieuw Zeeland</option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;"id="disp" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte Provincie:</font>
</TD>
<TD><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_provincie' id='geboorte_provincie' title='Geboorte Provincie.' />
 <select name="provincie" id="provincie" onchange="setgemeenten(this)" title="Je mag provincie ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
    <option value="" selected></option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" id="disp1"><font style="font-size:10px;" color='#FFFFFF'>Geboorte Gemeente:</font></div>
</TD>
<TD><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_gemeente' id='geboorte_gemeente' title='Geboorte Gemeente.' />
<select name="gemeenten" id="gemeenten" onchange="setplaatsen(this)" title="Je mag gemeente ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
    <option value="" selected></option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte plaats/dorp:</font>
</TD>
<TD WIDTH="486"><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_plaats' id='geboorte_plaats' title='Geboorte plaats/dorp.' />
<select name="plaats" id="plaats" onchange="setplaats(this)" title="Je mag plaats/dorp ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px; height:25px; margin-left:10px;">
    <option value="" selected></option>
</select>
</TD>
</TR>
</TABLE>
</div>
</FORM>
</body>
</html>


Eerst uitleg.
Als ik in de dropdown Bij kies een geloof op Rooms-Katholiek of Joods klik.
Komen er vier dropdowns bij. Bij de andere niets hetgeen zo hoort.

Als ik nu bij Kies een land de USA kies Had ik in de dropdown waar dan nu "Kies een Provincie" staat "Kies een Staat" van gemaakt net zoals Links in de zwarte vlakken alleen staat daar "geboorte staat" en niet "geboorte provincie" idem als ik dan de staat gekozen heb moet er bij "Kies een Gemeente" "Kies een County komen te staan. net zoals helemaal links. En als ik dan toch een vergissing gemaakt had zoals bijvoorbeeld vergissing van land Moet de tekst in de dropdowns eronder gewist worden.
Het gaat mij even het petje te boven.
Vandaar dat ik even hulp vraag.

Wachtend op tegenbericht
Alvast bedankt Groeten John
 
Voor degene die de Code voledig hebben wil nou hier is ie dan. Heeft me veel tijd gekost.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>

<script type="text/javascript">

var provincie_nederlandB = new Object()
provincie_nederlandB["Nederland"] = [{value:"Limburg", text:"Limburg"},
                      {value:"Brabant", text:"Brabant"}];
provincie_nederlandB["Duitsland"] = [{value:"Baden-Wuerttemberg", text:"Baden-Wuerttemberg"},
									{value:"Noordrijn-Westfalen", text:"Noordrijn-Westfalen"}];
provincie_nederlandB["België"] = [{value:"Antwerpen", text:"Antwerpen"},
                                 {value:"Limburg (België)", text:"Limburg (België)"}];
provincie_nederlandB["Luxemburg"] = [{value:"Diekirch", text:"Diekirch"},
                                    {value:"Grevenmacher ", text:"Grevenmacher "}];
provincie_nederlandB["USA"] = [{value:"Allabama", text:"Allabama"},
                              {value:"Californië", text:"Californië"}];
							  
							  
							  
							  
					  
					  
var gemeenteB = new Object()
gemeenteB["Limburg"] = [{value:"Heerlen", text:"Heerlen"},
                       {value:"Kerkrade", text:"Kerkrade"}];
gemeenteB["Brabant"] = [{value:"Aalburg", text:"Aalburg"},
                       {value:"Alphen-Chaam", text:"Alphen-Chaam"}];
gemeenteB["Baden-Wuerttemberg"] = [{value:"Alb-Donau-Kreis", text:"Alb-Donau-Kreis"},
								  {value:"Biberach", text:"Biberach"}];	
gemeenteB["Noordrijn-Westfalen"] = [{value:"Aken (Aachen)", text:"Aken (Aachen)"},
								   {value:"Borken", text:"Borken"}];
gemeenteB["Antwerpen"] = [{value:"Aartselaar", text:"Aartselaar"},
								   {value:"Antwerpen (stad)", text:"Antwerpen (stad)"}];								
gemeenteB["Limburg (België)"] = [{value:"Hasselt", text:"Hasselt"},
								   {value:"Maaseik", text:"Maaseik"}];									
gemeenteB["Diekirch"] = [{value:"Bettendorf", text:"Bettendorf"},
								   {value:"Bourscheid", text:"Bourscheid"}];									
gemeenteB["Grevenmacher"] = [{value:"Betzdorf", text:"Betzdorf"},
								   {value:"Biwer", text:"Biwer"}];									
gemeenteB["Allabama"] = [{value:"Autauga County", text:"Autauga County"},
								   {value:"Baldwin County", text:"Baldwin County"}];									
gemeenteB["Californië"] = [{value:"Alameda County", text:"Alameda County"},
								   {value:"Alpine County", text:"Alpine County"}];									

var plaatsB = new Object()
plaatsB["Heerlen"] = [{value:"Beersdal en Vrank", text:"Beersdal en Vrank"},
                      {value:"Heerlerheide", text:"Heerlerheide"}];
plaatsB["Kerkrade"] = [{value:"Eygelshoven", text:"Eygelshoven"},
                      {value:"Hopel", text:"Hopel"},
                      {value:"Vink", text:"Vink"}];							  
plaatsB["Aalburg"] = [{value:"Wijk en Aalburg", text:"Wijk enAalburg"},
                    {value:"Babyloniënbroek", text:"Babyloniënbroek"}];
plaatsB["Borsele"] = [{value:"Borsele", text:"Borsele"},
                     {value:"Heinkenszand", text:"Heinkenszand"}];
plaatsB["Alphen-Chaam"] = [{value:"Aalburg", text:"Aalburg"},
                     {value:"Alphen", text:"Alphen"}];
plaatsB["Alb-Donau-Kreis"] = [{value:"Blaubeuren", text:"Blaubeuren"},
									{value:"Dietenheim", text:"Dietenheim"}];
plaatsB["Biberach"] = [{value:"Bad Buchau", text:"Bad Buchau"},
									{value:"Bad Schussenried", text:"Bad Schussenried"}];
plaatsB["Aken (Aachen)"] = [{value:"Alsdorf", text:"Alsdorf"},
									{value:"Baesweiler", text:"Baesweiler"}];
plaatsB["Borken"] = [{value:"Ahaus", text:"Bocholt"},
									{value:"Borken", text:"Borken"}];
plaatsB["Aartselaar"] = [{value:"Voorheide", text:"Voorheide"},
									{value:"Berendonk ", text:"Berendonk "}];
plaatsB["Antwerpen (stad)"] = [{value:"Stabroek", text:"Stabroek"},
									{value:"Hoevenen ", text:"Hoevenen "}];
plaatsB["Hasselt"] = [{value:"As", text:"As"},
									{value:"Beringen", text:"Beringen"}];
plaatsB["Maaseik"] = [{value:"Beek", text:"Beek"},
									{value:"Bocholt", text:"Bocholt"}];
plaatsB["Betzdorf"] = [{value:"Berg", text:"Berg"},
									{value:"Betzdorf", text:"Betzdorf"}];
plaatsB["Biwer"] = [{value:"Biwer", text:"Biwer"},
									{value:"Biwerbaach", text:"Biwerbaach"}];									
plaatsB["Autauga County"] = [{value:"Autaugaville", text:"Autaugaville"},
									{value:"Billingsley", text:"Billingsley"}];
plaatsB["Baldwin County"] = [{value:"Bay Minette", text:"Bay Minette"},
									{value:"Daphne", text:"Daphne"}];	
plaatsB["Autauga County"] = [{value:"Autaugaville", text:"Autaugaville"},
									{value:"Billingsley", text:"Billingsley"}];
plaatsB["Baldwin County"] = [{value:"Alameda", text:"Alameda"},
									{value:"Albany", text:"Albany"}];									
	

var textBlocks = new Array( 
'<font style="font-size:10px;" color="#FFFFFF">Geboorte provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Deelstaat:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte provincie:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte provincie:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte staat:</font>',
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte provincie:</font>', 
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte provincie:</font>');
	
var textBlockscounty = new Array( 
'<font style="font-size:10px;" color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>',
'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
'<font style="font-size:10px;"color="#FFFFFF">Geboorte County:</font>',
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>', 
	'<font style="font-size:10px;"color="#FFFFFF">Geboorte Gemeente:</font>');	
	
function setplaatsB()
{
   var plaatsB = document.getElementById('plaatsB');
   
 
    var out = document.getElementById('geboorte_plaatsB');
out.value = plaatsB.options[plaatsB.selectedIndex].value;
}

	
	
function setplaatsenB(chooser) {
	var gemeentenB = document.getElementById('gemeentenB');
   
	var out = document.getElementById('geboorte_gemeenteB');
	out.value = gemeentenB.options[gemeentenB.selectedIndex].value;
	
	
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["plaatsB"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = plaatsB[choice];
	
	var theDropDowna = document.getElementById("plaatsB");  
var numberOfOptionsa = theDropDowna.options.length ;


 if (choice == "Kies een gemeente:" || choice == "Kies een county:"){
 
 
 document.getElementById("geboorte_gemeenteB").value = '';
 document.getElementById("geboorte_plaatsB").value = '';
 }
else {
    newElem = document.createElement("option");
    newElem.text = "Kies een plaats, Dorp of gehucht:";
    newElem.value = "";
	}
	
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }	
	
	
 document.getElementById("geboorte_plaatsB").value = '';
}		


					  
function setgemeentenB(choosergem) {
	 var provincieB = document.getElementById('provincieB');

	var out = document.getElementById('geboorte_provincieB');
	out.value = provincieB.options[provincieB.selectedIndex].value;
	
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = choosergem.form.elements["gemeentenB"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }

		  var cityChooserC = choosergem.form.elements["plaatsB"];
    while (cityChooserC.options.length) {
        cityChooserC.remove(0);
    }
    var choice = choosergem.options[choosergem.selectedIndex].value;
    var db = gemeenteB[choice];
	
	 	var gem = document.getElementById('gemeentenB');
	var pla = document.getElementById('plaatsB');
	
		var newelem = document.getElementById("continentB").value;
		

	
	 if (choice == ""){
newElem = document.createElement("option");	
    newElem.text = "";
	}	
	else	
		
		
		
		
		
		
	 if (newelem == "USA") {
	 newElem = document.createElement("option");
    newElem.text = "Kies een county:";
	
	 }
	else
		 if (newelem != "USA") {
    newElem = document.createElement("option");
    newElem.text = "Kies een gemeente:";
    	 }



	
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
		
		
    }	
	
	
	
	     document.getElementById("geboorte_gemeenteB").value = '';
		document.getElementById("geboorte_plaatsB").value = '';
		
	
		
		
		
}					  
			
		
function setLandenB(chooser) {
	 var continentB = document.getElementById('continentB');
   
	var out = document.getElementById('geboorte_landB');
		out.value = continentB.options[continentB.selectedIndex].value;

	var ind = document.getElementById('continentB').selectedIndex; 
		document.getElementById("disp").innerHTML=textBlocks[ind]; 
         document.getElementById("disp1").innerHTML=textBlockscounty[ind];
		 
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["provincieB"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
	  var cityChooserA = chooser.form.elements["gemeentenB"];
    while (cityChooserA.options.length) {
        cityChooserA.remove(0);
    }
		  var cityChooserB = chooser.form.elements["plaatsB"];
    while (cityChooserB.options.length) {
        cityChooserB.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = provincie_nederlandB[choice];

	

	
	var theDropDown = document.getElementById("gemeentenB");  
var numberOfOptions = theDropDown.options.length;  
	var theDropDowna = document.getElementById("plaatsB");  
var numberOfOptionsa = theDropDowna.options.length; 
	
	 if (choice == ""){
newElem = document.createElement("option");	
    newElem.text = "";
  



	}
	 else
	 if (choice == "USA"){
newElem = document.createElement("option");
	
    newElem.text = "Kies een Staat:";
  

	}
	else
	if (choice == "Duitsland"){
newElem = document.createElement("option");
	
    newElem.text = "Kies een Deelstaat:";
  

	}
	else
if (choice != "Duitsland" || choice != "USA" ){
newElem = document.createElement("option");
	
    newElem.text = "Kies een provincie:";
 

	}
	
 document.getElementById("geboorte_provincieB").value = '';
     document.getElementById("geboorte_gemeenteB").value = '';
		document.getElementById("geboorte_plaatsB").value = '';	
	

    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }
	
	

  
		
	
		
		
}

/**********
  DOM LEVEL 0 ALTERNATE
 **********
function setLandenB(chooser) {
    var cityChooser = chooser.form.elements["provincieB"];
    // empty previous settings
    cityChooser.options.length = 0;
    // get chosen value to act as index to provincie_nederland hash table
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = provincie_nederlandB[choice];
    // insert default first item
    cityChooser.options[0] = new Option("Kies een provincie:", "", true, false);
    if (choice != "") {
        // loop through array of the hash table entry, and populate options
        for (var i = 0; i < db.length; i++) {
            cityChooser.options[i + 1] = new Option(db[i].text, db[i].value);
        }
    }	
}




**********/
</script>

</head>
<body>
	  <form action="" method="POST" name="myform" enctype="multipart/form-data">

<table style="margin-left:-3px;margin-top:-3px">

<tr>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte land:</font>
</TD>
<TD WIDTH="486">
<input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_landB' id='geboorte_landB' title='Geboorte land.' />
 <select name="continentB" id="continentB" onchange="setLandenB(this)" title="Je mag Land ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
   <option value="" selected>Kies een Land:</option>
    <option value="Nederland">Nederland</option>
    <option value="Duitsland">Duitsland</option>
    <option value="België">België</option>
    <option value="Luxemburg">Luxemburg</option>
    <option value="USA" name="usa">USA</option>
    <option value="Australië">Australië</option>
	<option value="Nieuw Zeeland">Nieuw Zeeland</option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;"id="disp" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte provincie:</font>
</TD>
<TD WIDTH="486"><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_provincieB' id='geboorte_provincieB' title='Geboorte provincieB.' />
 <select name="provincieB" id="provincieB" onchange="setgemeentenB(this)" title="Je mag provincie ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
    <option value=""  selected></option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" id="disp1"><font style="font-size:10px;" color='#FFFFFF'>Geboorte Gemeente:</font></div>
</TD>
<TD WIDTH="486"><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_gemeenteB' id='geboorte_gemeenteB' title='Geboorte Gemeente.' />
<select name="gemeentenB" id="gemeentenB" onchange="setplaatsenB(this)" title="Je mag gemeente ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px;  margin-left:10px;">
    <option value="" selected></option>
</select>
</TD>
</TR>
<TR>
<TD style="width:200px; background-color:#000;text-align:right;" ><font style="font-size:10px;" color='#FFFFFF'>Geboorte plaats/dorp:</font>
</TD>
<TD WIDTH="486"><input type='text' style="font-size:10px; height:18px; width:265px;" name='geboorte_plaatsB' id='geboorte_plaatsB' title='Geboorte plaatsB/dorp.' />
<select name="plaatsB" id="plaatsB" onchange="setplaatsB(this)" title="Je mag plaats/dorp ook hiernaast zelf invullen." style="width:19em; font-size:10px; padding:3px; height:25px; margin-left:10px;">
    <option value="" selected></option>
</select>
</TD>
</TR>
</TABLE>

</FORM>
</body>
</html>

Met vriendelijk groet John
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan