Beste SD'ers,

Ik ben bezig met een geavanceerd contact formulier.
Ik wil graag dat je als eerst 1 dropdown ziet. Met verschillende keuzes. Als je er dan 1 selecteerd dat er dan nieuwe inputfields onder komen te staan. Afhankelijk van wat je geselecteerd hebt.

Hoe kan ik dit het beste doen?

Mvg,
Koen Schipper
KoSMedia

Javascript om zo elementen weer te geven of te verbergen. ;)

Ja, maar hoe doe je dat met javascript?

Kom op koen, jij hebt een media bureau mbt webdesign en development :P

Zoveel opties:
- De display van een element veranderen in de css middels javascript;
- De elementen pas toevoegen zodra een bepaalde optie is gekozen;
- ...

En als je wilt kan je het vereenvoudigen met jQuery, als je dat zelf makkelijker vindt.

@Michal D: Nu je het zegt, inderdaad. :P

@Jaime en michal.
Dat klopt maar ik doe zelf meer de Design kant. Development is niet echt mijn ding.
Alleen ik moet wel iets afmaken terwijl mijn developer ziek is. Dus dan moet je iets.

Jaime, bedankt voor je uitleg. @Michal als je niks on-topic te vertellen hebt, zeg dan niks.

Dat met een mediabureau m.b.t. webdesign en development heeft wil niet meteen zeggen dat men ook alles ervanaf weet... Vragen stellen mag altijd, daar is dit forum geloof ik voor ;-)

Een bakker bakt ook niet altijd lekkere broodjes, ik heb zo mijn voorkeur van bakker, en toch hebben ze allebij een bedrijf als bakker :-)

Maar ik denk inderdaad gewoon javascript... php gaat namelijk niet (geloof ik).

B. Roelofs

Php vereist een tussenstap, de gebruiker zal moeten versturen zodat het systeem weet wat er gaande is en eventueel aan de hand daarvan velden kan tonen.

Wil je het doen zonder die 'tussenstap', zul je iets anders moeten gebruiken. Zoals je waarschijnlijk weet is javascript wel client-side. Als de gebruiker geen javascript ondersteund (of deze simpelweg uit heeft staan) zal hij dus geen velden zien verschijnen als je deze standaard verbergt. Misschien is dat wel iets om in je achterhoofd te houden.

Kan overigens nooit kwaad om die tussenstap alsnog te doen voor mensen die geen javascript geactiveerd hebben. Wat je dan doet feitelijk is:

1) De pagina opbouwen alsof er geen javascript aanwezig is. Dus een dropdown met een submit knop.
2) PHP na de submit meerdere velden laten zien afhankelijk van de keuze

Als je dat gedaan hebt werk je het javascript gedeelte uit:

1) Je verbergt de submit knop met javascript
2) Je hangt een javascript functie vast aan de onchange van de dropdown en toont op basis daarvan de extra velden

Indien een gebruiker javascript aan heeft staan zal de submit knop niet getoond worden en alles via de javascript aangevuld worden. Staat het om welke reden dan ook uit, dan kun je altijd terug vallen op de werking via PHP. Het is dubbelop, maar dan haal je er ook de beste werking uit.

ik heb ook zoiets gedaan met php, maar dat was omdat ik vrij weinig van javascript af weet.
voor zover ik het me kan herinneren had ik met onchange gewerkt en dan met javascript de form laten submitten.
ik zal het nog even opzoeken.

Edit:

Het is misschien niet de mooiste code, maar hij werkt wel.

PHP Code:

<?php
if(isset($_POST['dropdownname'])){
    echo '<input type="hidden" name="dropdownname" value="'.$_POST['dropdownname'].'" />';

        echo '<select name="dropdownname" disabled="true">';
    echo '<option selected="selected">'.$_POST['dropdownname'].'</option>';
        echo '</select>';
}else{
    echo 'Optie selecteren:<br />';
    echo '<select name="dropdownname" onchange="this.form.submit()">';
    echo '<option selected="selected">-Selecteer-</option>';
        echo '<option>etc etc...</option>';
        echo '</select>';
}
?>

en zo kan je doorgaan met hidden inputs.

nogmaals niet de mooiste oplossing, maar zoals ik al zei is dit omdat ik weinig verstand heb van javascript.