[HTML/JS/CSS] drop down form invloed op rest form.

[MrVegeta]

Ik heb een vrij simpele vraag maar ik weet niet zo goed hoe ik het moet/kan aanpakken. Ik heb een formulier met daarin een aantal velden, boven in de form staat een drop down met daar in 4 verschillende opties. De opties zijn dan weer gelinkt aan 4 verschillende tabellen in een DB.

Nu is het zo dat alle 4 verschillende tabellen natuurlijk ook verschillende velden hebben (de één heeft content/titel/id de andere foto/id etc etc. Om weer terug te komen naar de dropdown form, die bepaald dus naar welke tabel de info gaat die is ingevuld.

Maar nu is het zo dat alle velden die ingevuld kunnen worden in het formulier staan, dus ook de velden die geen invloed hebben op de database.

Nu is de vraag hoe ik dit kan filteren. Dus als ik mijn dropdown menu op "home" zet dat ik alleen de velden zie die van toepassing zijn in de "home" tabel.

Ik weet niet hoe ik dit kan aanpakken, of dat kan HTML/CSS of misschien moet het met PHP. Maar ik heb even een duwtje de goede richting in nodig.

[CyBeRSPiN]

Gewoon met DHTML / JavaScript de veldjes tonen/verbergen a.d.h.v. de keuze in de dropdown, scriptje kun je triggeren op het onChange() event van de dropdown.
Maar is het usability technisch niet beter om met tabbladen te werken? Dan is het voor de gebruiker meteen duidelijk dat het formulier verandert.

[MrVegeta]

Met tabbladen, ja klinkt ook interessant. Ik maak nu gebruik van een systeem waarmee ook dingen uitklappen. Wordt misschien wat te veel van het goede. Ik ga inderdaad eens kijken of ik met CSS zo een tabbladen systeem in elkaar kan zetten .

[Webby_143]

En mocht je het wel via javascript en select doen, dan is hier een voorbeeld over accessibility ivm. mensen die geen javascript hebben: http://infimum.dk/HTML/multiselect.html

[Verwijderd]

Je kan in principe elk form element verstoppen door:

code:

<script>
    function hide() {
        document.getElementById('elementid').style.display = 'none';
    }
    
    function show() {
        document.getElementById('elementid').style.display = 'block';
    }
</script>

[NMe]

Stickies staan er niet voor niets. Waar hoort mijn topic?

PRG>>WEB