Twee selectboxen zien er als volgt uit:
Als er een keuze is gemaakt in selectboxA moeten in selectboxB alleen de bijbehorende opties overblijven. Klik je dus bijv. op "optie 2" dan blijven in selectboxB de mogelijkheden B1 en B2 over. Dat heb ik werkend met deze code:Code:<select class="selectboxA" id="selectboxA"> <option value="30">optie 1</option> <option value="32">optie 2</option> <option value="33">optie 3</option> </select> <select class="selectboxB" id="selectboxB"> <option class="33" value="1">A1</option> <option class="33" value="2">A2</option> <option class="32" value="6">B1</option> <option class="32" value="7">B2</option> <option class="30" value="17">C1</option> <option class="30" value="26 30">C2</option> </select>
Maar die verwijdert de andere opties, in plaats van onzichtbaar te maken. Als je in selectboxA op "optie 3" klikt gebeurt er dus niks.Code:$a('.selectboxB > option').not('[class="' + id + '"]').remove();
Hoe maakt ik de opties in selectboxB onzichtbaar in plaats van ze te verwijderen?
- opties in selectbox onzichtbaar ipv verwijderen
-
06-09-2014, 14:28 #1
- Berichten
- 361
- Lid sinds
- 13 Jaar
opties in selectbox onzichtbaar ipv verwijderen
-
-
06-09-2014, 14:35 #2
- Berichten
- 796
- Lid sinds
- 16 Jaar
Re: opties in selectbox onzichtbaar ipv verwijderen
Je gebruikt idd de Jquery remove-functie.
Kan je de hide-functie hiervoor niet toepassen?
Dus:
Code:$a('.selectboxB > option').not('[class="' + id + '"]').hide();
-
06-09-2014, 14:45 #3
- Berichten
- 361
- Lid sinds
- 13 Jaar
Re: opties in selectbox onzichtbaar ipv verwijderen
Dat is inderdaad de oplossing. Ik was zo gefocust op een andere oplossing dat ik helemaal niet aan hide() had gedacht.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic