Waarde opslaan wat bij die checkbox hoort
De checkboxen hebben de naam
- Kast
- Wandrek
- Rek
Als een gebruiker wandrek aanklikt en vervolgens de opgegeven optie heeft gekozen dan moet de waarde van de selectie worden opgeslagen.
Mocht er een wijziging plaatsvinden en er gekoze word voor Kast dan moet zonder dat de gebruiker iets hoeft te doen de waarde van kast worden opgeslagen.
Werk ik dan met een hidden input en laat ik dan met javascript on change te waarde invullen? Of is er een andere manier?
ik heb de vraag niet helemaal scherp.. maar gewoon de SECECTBOX werkt niet in een form?
<form method="post" action="/Tests/Post/">
<fieldset>
<legend>Kies je meubelstuk</legend>
<input type="checkbox" name="gekozen_meubel" value="Kast">Kast<br>
<input type="checkbox" name="gekozen_meubel" value="Wandrek">Wandrek<br>
<input type="checkbox" name="gekozen_meubel" value="Rek">Rek<br>
<br>
<input type="submit" value="Bevestig" />
</fieldset>
</form>
Ik zou dan gekozen_meubel[] gebruiken. Dan is het een array. :-)
Een checkbox impliceert ook dat je er meerdere kunt aanvinken, hoe werkt dit dan als je dezelfde dropdown wilt gebruiken voor mogelijk twee verschillende waarden? Hoeveel checkboxen kun je op enig moment aanvinken, of zijn dit toch andere elementen (radio buttons wellicht)?
Meer uitleg vereist :p.
En voordat je met CSS/JavaScript in de weer gaat, maak eerst eens het hele formulier (schets het plaatje met de complete informatie-behoefte), zonder toeters en bellen, misschien kom je dan wel tot andere inzichten zodat je e.e.a. beter kunt indelen dan nu het geval is.
Gewijzigd op 20/02/2019 01:58:06 door Thomas van den Heuvel
Om je waarde op te slaan.. moet dit 'live' gebeuren als in een tijdelijke tabel zodra de gebruiker alleen maar de keuze maakt zonder te 'bevestigen' of een knop te klikken? Dan inderdaad ook een on('change' functie op de dropdown die je gemaakt heb.
Anders zou je indien gewenst een hidden input kunnen invullen, maar dan zou ik eerder een on('submit' maken en zelf de FormData in elkaar zetten om je data goed te zetten en te versturen met een 'ajax post'.
Op die manier hoef je niet te stoeien met zoveel onChange en verschillende hidden inputs voor elke 'onderdeel' (kast, wandrek, rek)