[JS] pulldown beinvloedt pulldown in form

[Verwijderd]

Hi mensen,

ik zit met het volgende:
Ik heb in een form 2 pulldowns... De eerste keuze beinvloedt de opties van de 2e!
Ik heb al op het web zitten rondneuzen maar als beginner kom ik er toch niet helemaal uit.

't Volgende heb ik.... maar daar werkt de SUBMIT-button niet.
Is dit op te lossen of is er een elegantere manier (vast wel) om dit te doen?

thanks
Q

<?
if ($toegevoegd!= 'ja')
{
?>
<FORM NAME="FORMOUTSIDE" action="test4.php" METHOD="POST">

<FORM NAME="FORMINSIDE" action="test4.php" METHOD="POST">
<SELECT NAME="optie1" OnChange="this.form.submit()">
<OPTION value="" <? if ($optie1 == '') {echo 'selected';} ?>>kies een optie</option>
<OPTION value="1" <? if ($optie1 == '1') {echo 'selected';} ?>>1</option>
<OPTION value="2" <? if ($optie1 == '2') {echo 'selected';} ?>>2</option>
<OPTION value="3" <? if ($optie1 == '3') {echo 'selected';} ?>>3</option>
</SELECT>
</FORM>

<?

if ($optie1 =='1')
{
?>
<SELECT NAME="optie2">
<OPTION value="1A">1A</option>
<OPTION value="1B">1B</option>
<OPTION value="1C">1C</option>
</SELECT>
<?
}

elseif ($optie1 =='2')
{
?>
<SELECT NAME="optie2">
<OPTION value="2A">2A</option>
<OPTION value="2B">2B</option>
<OPTION value="2C">2C</option>
</SELECT>
<?
}


else
{
?>
<SELECT NAME="optie2">
<OPTION value="3A">3A</option>
<OPTION value="3B">3B</option>
<OPTION value="3C">3C</option>
</SELECT>

<?
}
?>
<input type="Submit" name="submit" value="voeg vraag toe">
<INPUT TYPE='hidden' NAME='optie1' VALUE='<? echo $optie1 ?>'>
<input type="hidden" name="toegevoegd" value="ja">
</FORM>
<?
}

else
{
echo 'U heeft'.$optie1.'gekozen';
echo 'U heeft ook'.$optie2.'als 2e optie gekozen';
}

?>

[ET]

Je sluit je Form 2 keer af, de eerste keer al voor je het tweede pulldown menu hebt gemaakt. Daardoor werkt het dus niet.

Een form in een Form??? Volgens welke HTML standaard werk jij?

[ Voor 24% gewijzigd door ET op 16-01-2004 11:56 ]

[darkrain]

Dus als ik het goed begrijp selecteer je eerst een waarde en submit je de binnenste form? En dan wil je aan de hand van de eerste de tweede kunnen zetten?

Volgens mij moet dat met javascript

[ Voor 88% gewijzigd door darkrain op 16-01-2004 11:59 ]

[Verwijderd]

Je zult het inside form moeten verwijderen. Nested forms bestaan idd niet.

Als het dan nog niet werkt dan ben je gedoemd om te gaan JavaScript debuggen.
Bekijk ook je html output ipv je PHP script. Meestal is de html output veel makkelijker te controleren op fouten.

[ Voor 1% gewijzigd door Verwijderd op 16-01-2004 12:04 . Reden: typo ]

[KompjoeFriek]

Begin eens met je code tussen tags te zetten. [ code=PHP] [/code]

PHP:

zoiets dus

En dan, waarom begin je FORMOUTSIDE voor FORMINSIDE? kun je ook er achter zetten hoor.

PHP:

<FORM NAME="FORMINSIDE" action="test4.php" METHOD="POST">
<SELECT NAME="optie1" OnChange="this.form.submit();">
<OPTION value="" <? if ($optie1=='') echo 'selected';?>>kies een optie</option>
<OPTION value="1" <? if ($optie1=='1') echo 'selected';?>>1</option>
<OPTION value="2" <? if ($optie1=='2') echo 'selected';?>>2</option>
<OPTION value="3" <? if ($optie1=='3') echo 'selected';?>>3</option>
</SELECT>
</FORM>

<FORM NAME="FORMOUTSIDE" action="test4.php" METHOD="POST">

en vergeet de ; achter submit(); niet

En ik zie aan je variabele dat het globale variabele gebruikt. niet doen.
Gebruik liever $_POST['optie1']

En je zou het idd ook met javascript kunnen oplossen. Vind ik persoonlijk ook wat netter.

[ Voor 68% gewijzigd door KompjoeFriek op 16-01-2004 12:18 . Reden: Layout vernueking ;) ]

[Verwijderd]

Thanks KompjoeFreak (tentamens zuigen idd)

Je oplossing werkt!
Ik weet dat je met javascript een elegantere oplossing hebt, maar zoals ik zei.. ben een beginner en kom er dus niet uit met de oplossingen die ik op het www
heb gevonden!

Mocht je nog zo'n JS oplossing vinden. graag!

thanks
Q

[curry684]

Als we een JS oplossing willen knikker ik 'm over de schutting

[crisp]

Met wat zoeken hier moet je haast wel een JS oplossing kunnen vinden.

btw KompjoeFreak: die puntkomma hoeft niet hoor

[Verwijderd]

Ik heb niet zo lang geleden hier een hele algemene oplossing voor gepost, daarmee kun je net zoveel selects van elkaar afhankelijk laten zijn als je maar wilt.

[rml][ Javascript] Array + <select> opties[/rml]

Misschien wat te hoog gegrepen, maar wel een erg generieke oplossing.