Forums

Double Dropdown

beekinkg 19 Jun, 2012
I've got in problem with chronoforms. I want to make a double dropdown in my form. I'm using the folowing code

<form name="inschrijving">


<select name="rechtsgebied" onChange="redirect(this.options.selectedIndex)" size="1" style="width: 100mm">
<option selected>Maak uw keuze</option>
<option>Algemeen</option>
<option>Arbeidsrecht</option>
<option>Belastingrecht</option>
<option>Bestuursrecht</option>
<option>Burgerlijk recht</option>
<option>Criminologie</option>
<option>Immigratierecht</option>
<option>Intellectueel eigendomsrecht</option>
<option>Ondernemingsrecht</option>
<option>Strafrecht</option>
</select>
<BR>
<select name="cursus" size="1" style="width: 100mm">
<option value="1">Kies eerst rechtsgebied</option>
</select>


<script>
<!--


var groups=document.inschrijving.rechtsgebied.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
    group[i]=new Array()


group[1][0]=new Option("Maak uw keuze")
group[1][1]=new Option("Specialisatieopleiding Gerechtelijk Deskundige (leergang 12)")
group[1][2]=new Option("Leiden Revisited 2012")
group[1][3]=new Option("Verdiepingscursus Finance for Lawyers: Balans- en jaarrekeninglezen voor juristen")
group[1][4]=new Option("Verdiepingscursus Beroepsaansprakelijkheid Advocatuur & Notariaat")
group[1][5]=new Option("Actualiteiten Huiselijk geweld")
group[1][6]=new Option("Basiscursus Aansprakelijkheids-, Schadevergoedings- en Verzekeringsrecht")
group[1][7]=new Option("Verdiepingscursus Bedrijven in financiële moeilijkheden")
group[1][8]=new Option("Actualiteiten Gezondheidsrecht")
group[1][9]=new Option("Verdiepingscursus Recht & Literatuur")
group[1][10]=new Option("Vaardigheden: Argumentatieleer: Gelijk hebben én krijgen")
    
group[2][0]=new Option("Maak uw keuze")
group[2][1]=new Option("Basiscursus Ambtenarenrecht")
group[2][2]=new Option("Actualiteiten Ambtenarenrecht")


group[3][1]=new Option("Maak uw keuze")
group[3][2]=new Option("Specialisatieopleiding Fiscale Advocatuur (Leerlijn 2)")
group[3][3]=new Option("Basiscursus Tax Management")


group[4][0]=new Option("Maak uw keuze")
group[4][1]=new Option("Basiscursus Ambtenarenrecht")
group[4][2]=new Option("Actualiteiten Gezondheidsrecht")
group[4][3]=new Option("Actualiteiten Ambtenarenrecht")


group[5][0]=new Option("Maak uw keuze")
group[5][1]=new Option("Actualiteiten Spoorrecht 2012")
group[5][2]=new Option("Verdiepingscursus Civiel Bewijsrecht in de praktijk")
group[5][3]=new Option("Basiscursus Huurrecht")
group[5][4]=new Option("Basiscursus Wet bescherming persoonsgegevens")
group[5][5]=new Option("Verdiepingscursus Beroepsaansprakelijkheid Advocatuur & Notariaat")
group[5][6]=new Option("Actualiteiten Onroerend Goed")
group[5][7]=new Option("Actualiteiten Verbintenissenrecht 2012")
group[5][8]=new Option("Basiscursus Aansprakelijkheids-, Schadevergoedings- en Verzekeringsrecht")
group[5][9]=new Option("Actualiteiten IPR: aspecten van internationaal familierecht; what's new in het ipr?")
group[5][10]=new Option("Actualiteiten Gezondheidsrecht")
group[5][11]=new Option("Verdiepingscursus Recht & Literatuur")


group[6][0]=new Option("Maak uw keuze")    
group[6][1]=new Option("Actualiteiten Huiselijk geweld")
    
group[7][0]=new Option("Maak uw keuze")
group[7][1]=new Option("Basiscursus Immigratierecht")
    
group[8][0]=new Option("Maak uw keuze")
group[8][1]=new Option("Actualiteiten Auteursrecht 2012")


group[9][0]=new Option("Maak uw keuze")
group[9][1]=new Option("Verdiepingscursus Finance for Lawyers: Balans- en jaarrekeninglezen voor juristen")
group[9][2]=new Option("Verdiepingscursus Bedrijven in financiële moeilijkheden")
group[9][3]=new Option("Specialisatieopleiding Ondernemingsrecht")


group[10][0]=new Option("Maak uw keuze")    
group[10][1]=new Option("Actualiteiten Huiselijk geweld")
group[10][2]=new Option("Actualiteiten Mensenhandel")
    
var temp=document.inschrijving.cursus


function redirect(x){
    for (m=temp.options.length-1;m>0;m--)
        temp.options[m]=null
    for (i=0;i<group[x].length;i++){
        temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
    temp.options[0].selected=true
}
//-->
</script>


I'm not really good with HTML, but it is working online, can anyonehelp me with this?
GreyHead 26 Jun, 2012
Hi beekinkg,

What exactly is the problem?

Where are you using this code in ChronoForms?

What is the 'double drop-down' you want to create?

What is the script snippet 'redirect(this.options.selectedIndex)' supposed to do?

Bob
This topic is locked and no more replies can be posted.