Dynamisch Dropdown menu

[Verwijderd]

Allereerst even melden dat ik de search al heb gebruikt maar daar staan alleen maar mogelijkheden in die niet lekker werken icm. Netscape.
http://arethusa.tweakers....13-XF14---O&xDEFAULTOP=or

Ik wil dus dat met menu 1 de inhoud van menu 2 wordt geladen. Dit kan zover ik heb gelezen op 2 manieren.

1 veranderen bij selecteren, nadeel werkt volgens mij (verschillende mogelijkheden geprobeerd) niet in netscape (7).

2 De url laten verversen (dmv. automatisch posten), een variabele meesturen en die gebruiken om de inhoud van menu 2 weer tegeven (door naar dezelfde pagina te laten verwijzen).
Probleem dat wanneer er wel 'fysiek' op de submit knop gedrukt wordt hij ook weer 'returned' naar de zelfde pagina.

Met een if statement op te lossen: wanneer een bepaalde variabele bestaat ga dan naar een andere pagina. Dit houdt echter weer in dat de bezoeker de eerste keer niet fout mag selecteren want selecteerd hij daarna nog een keer een andere optie dan bestaat die variabele en gaat hij direct naar de 2de pagina.

Iemand een ander idee die ook werkt in netscape?

[disjfa]

Verwijderd schreef op 23 januari 2003 @ 16:13:
1 veranderen bij selecteren, nadeel werkt volgens mij (verschillende mogelijkheden geprobeerd) niet in netscape (7).

www.getElementById.com

[ Voor 42% gewijzigd door disjfa op 23-01-2003 16:21 ]

[r0bert]

Kun je iets nauwkeuriger zijn of ergens een linkje posten waar een voorbeeld staat ?
Want wat is nou eigenlijk dat menu ? Gewoon een SELECT element ? En wat wil je kopieeren ? Het hele 'menu' of alleen een geselecteerde keuze ?

[Verwijderd]

Voorbeeld

code:

<FORM method='post' name='dingesform' action='dezelfdefile.php'>
Tabel
 <SELECT name='tabel' onchange='dingesform.submit();'>
  <OPTION value='1'>Tabel1</OPTION>
  <OPTION value='2'>Tabel2</OPTION>
  <OPTION value='3'>Tabel3</OPTION>
 </SELECT>

Categorie
 <SELECT name='categorie'>
 <? echo availableCategories; ?>
 </SELECT>

</FORM>

[r0bert]

Ik denk dat ik het snap..

Je hebt bijvoorbeeld deze data:

code:

Tabel 1:
    catagorie 1
    catagorie 2
    catagorie 3
Tabel 2:
    catagorie a
    catagorie b
    catagorie c

En nu wil je aan de hand van de keuze van de eerste select, de data ophalen en in de 2e select plaatsen .. Snap ik dat nu goed of zit het nog anders in elkaar ?

[update]
Als ik het goed begrijp, kun je je data op deze manier structureren in JS:

JavaScript:

arrOptions = new Array();
arrOptions['tabel1'] = ['catagorie 1', 'catagorie 2', 'catagorie 3']
arrOptions['tabel2'] = ['catagorie a', 'catagorie b', 'catagorie c']

en het volgende scripje gebruiken (uit het hoofd getypt, dus zelf even testen enzo)

JavaScript:

function fnSetOptions(objCatagorie, strTabel)
{
   for (iInt = 0; iInt < arrOptions[strTabel].length; iInt++)
   {
      objCatagorie.options[objCatagorie.options.length] = 
               new Option(arrOptions[strTabel][iInt], arrOptions[strTabel][iInt]);
   }
}

code:

<select id="tabel" 
    onChange="fnSetOptions(document.getElementById('catagorie'), 
                        this.options[this.options.selectedIndex].value);">
   <option value="tabel1">Tabel 1</option>
   <option value="tabel2">Tabel 2</option>
</select>

[ Voor 96% gewijzigd door r0bert op 23-01-2003 22:16 ]