Hallo allen,

Ik heb een form met radio buttons. Als ik op een button met de naam "land" en value "Nederland" klik dan worden alle Nederlandse provincies weergegeven.
Als ik vervolgens op land België klik dan de Belgische. Stel Nederland is geselecteerd en ik klik op de provincie Overijssel en vervolgens verander ik het land naar België, dan blijft in de url ?provincie=overijssel staan.

Wat ik wil is dat als het land veranderd dat de provincie "all" wordt, dus ?provincie=all. Dus een soort reset van de provincies bij het veranderen van het land.

Is dit mogelijk en hoe?

Alvast bedankt!

Dit is mogelijk met o.a. jquery .change()

Bedankt voor je reactie. Heb je een idee hoe ik dit doe met "jquery .change()".

Deze functie is beter om te gebruiken.

PHP Code:

$("div").on("change", function( ) {  
//doe iets
}); 


Is niet makkelijker om op te zoeken hoe je URL wijzigt als je tussen provincies wisseld?
Dan haal je daarna het zelfde trucje uit bij een landwissel, alleen met de fixed code "all".

@M. Verstreaten: Hoe bedoel je dat precies?

De URL is bijvoorbeeld /?land=nederland&regio=groningen. Als ik vervolgens op België klik dan wordt de URL /?land=belgie&regio=groningen.
Ik wil graag dat de URL dan /?land=belgie&regio=all wordt.

@Ben F.: Ik ben daar niet echt in thuis. Kan je een voorbeeld geven dat als input met name="land" wijzigt dat "regio" de value "all" krijgt?

Post je hele from even en dan maken we het wel werkend of mail het me even heb je t vanavond nog werkend terug

@Dobias Vink: Bedankt voor je reactie. Om het (hopelijk) overzichtelijk te houden heb ik het in een JSFiddle gezet op http://jsfiddle.net/26UpU/.
Deze code staat in een custom Wordpress sidebar van de category page. Misschien handig om ook te weten. Alvast bedankt!

Kan iemand mij nog hiermee helpen? Ik kom er niet uit hoe ik bijvoorbeeld dit kan gebruiken:

PHP Code:

$("div").on("change", function( ) {  
//doe iets
}); 


Voeg dit boven aan je code toe:

PHP Code:

<script type="text/javascript">
// zet een klik luisteraar op alle knopjes met de naam land
$('input[name=land]').click(function(){
  // er is geklikt op een land, dus gaan we iets doen
  // vink alle knopjes met de naam regio uit
  $('input[name=regio]').attr('checked', false);
});
</script> 


Als ik naar je code kijk op jsfiddle, zou ik het persoonlijk heel anders aangepakt hebben.

@Kevin Vos, bedankt voor je reactie. De code heb ik direct boven het formulier geplaatst, maar de URL blijft bijvoorbeeld /?land=belgie&regio=friesland en het formulier wordt niet goed gefilterd. Wat ik wil is dat het formulier ?regio=all gaat geven in de URL. Helaas werkt het nog niet.

Wat is de reden dat jij het formulier anders zou doen en op welke manier? Uiteraard wil ik zo goed mogelijke code voor mijn site, dus alle hulp is welkom. Ik ben dan erg benieuwd op welke manier jij het zou aanpakken.

Helaas werken eerdergenoemde oplossingen niet (voor Wordpress). Dit werkt gedeeltelijk:

PHP Code:

if ($regio == 'all' OR $regio == '' OR isset($_GET['land'])) {$regio_showall = 'checked'; } 


De URL is dan bijvoorbeeld /?land=nederland&regio=overijssel. Wat alleen fout gaat is dat hij altijd de radio button "all" checked en niet meer "Overijssel" bijvoorbeeld, terwijl in de URL wel "Overijssel" staat.

Iemand nog een idee?