Ik zou graag een form maken wat op basis van een bepaalde keuze een hieraan gerelateerde volgende keuze laat zien.
Vb, een BMW is alleen in rood en wit en een Opel alleen in blauw en groen verkrijgbaar.
Form dropdown merk: Opel, BMW. Volgende dropdown kleur: op basis van vorige.
Het zou eventueel wel op meerdere pagina's mogen, maar dan nog kan ik niet echt een mooie en beheersbare optie vinden...
Ingenieus formulier
Moderator: velden
-
- Forum Members
- Posts: 110
- Joined: Thu Aug 14, 2008 10:33 am
Re: Ingenieus formulier
Hallo freakstar,
Als ik begrijp wat je bedoelt dan heb ik dit ook eens toegepast met javascript.
http://www.dekinderster.nl/aanmeldingsformulierkdv.html
In dat formulier zie je een vraag: Wilt u een 2de kind aanmelden? Het antwoord Ja geeft extra optie's.
Plaats dit in de header van je pagina (je template):
Dit is de DropDownBox: (let op OnChange)
En dan nog een div waar in je de extra optie's plaatst:
Als je meerdere van deze situaties in je formulier wilt gebruiken dan moet je een andere "name=" gebruiken voor je 2de dropdownbox (name="selectieveld1"), voor de 2de kun je dan bijvoorbeeld gebruiken name="selectieveld2".
Kun je hier wat mee?
Groet,
Bas
Als ik begrijp wat je bedoelt dan heb ik dit ook eens toegepast met javascript.
http://www.dekinderster.nl/aanmeldingsformulierkdv.html
In dat formulier zie je een vraag: Wilt u een 2de kind aanmelden? Het antwoord Ja geeft extra optie's.
Plaats dit in de header van je pagina (je template):
Code: Select all
<__script__ language="Javascript">
<!--
function latenzien(id,veld,waarde)
{
x = document.formulier.elements[veld].selectedIndex;
if (document.formulier.elements[veld].options[x].text == waarde)
{document.getElementById(id).style.display = 'block';}
else
{document.getElementById(id).style.display = 'none';}
}
-->
</__script>
<style type="text/css">
.verborgen
{
display:none;
font-size:11px;
padding:4px;
}
</style>
Code: Select all
<label>Wilt u een 2<sup>de</sup> kind opgeven?</label>
<select name="selectieveld1" onChange="latenzien('gegevens_kind_2',this.name,'Ja')">
<option>Maak uw keuze</option>
<option>Ja</option>
<option>Nee</option>
</select>
Code: Select all
<div id="gegevens_kind_2" class="verborgen">
<!-- extra formulier optie's -->
</div>
Kun je hier wat mee?
Groet,
Bas
Re: Ingenieus formulier
Dat zou m'n noodoplossing zijn. Ik wil het graag met formbuilder realiseren omdat de gebruiker daar beter mee om kan gaan..
Re: Ingenieus formulier
Freakstar,
Bekijk deze topic eens: http://forum.cmsmadesimple.org/index.ph ... 162.0.html
Volgens mij een soortgelijke vraag (even snel gelezen), maar ook een antwoord van Calguy dat dit niet mee zal vallen...
Grt. Rolf
Bekijk deze topic eens: http://forum.cmsmadesimple.org/index.ph ... 162.0.html
Volgens mij een soortgelijke vraag (even snel gelezen), maar ook een antwoord van Calguy dat dit niet mee zal vallen...

Grt. Rolf

- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -