[jquery] multicheckbox updaten na onclick event

[Verwijderd]

Goedemorgen,

ik ben momenteel bezig met een stukje jquery-functionaliteit waar ik niet helemaal uit kom.
Het gaat over de volgende functionaliteit:

Ik heb een multicheckbox met provincies. De gebruiker mag meerdere provincies aanvinken.
Op basis van de geselecteerde provincies haal ik via ajax de onderliggende gemeenten. Vervolgens moeten deze aan een tweede multicheckbox worden toegevoegd (en verwijderd als een provincie is uitgevinkt).

Ik moet dan ook nog de initieel aangevinkte waarden onthouden en dan toepassen op de wisselende multicheckboxes maar daar kom ik wel uit.

Bovenstaande functionaliteit krijg ik prima voor elkaar als ik de gemeente-multicheckbox vervang door een multiselect echter de wens gaat uit naar een multicheckbox. Kan iemand mij een juiste richting op wijzen?

JavaScript:

jQuery(function() {



    $("input[name='provincie[]']").click(function() {

        var provincie = [];
        $(':checkbox:checked').each(function(i){
            provincie[i] = $(this).val();
        });


        $('#gemeente').find('option').remove().end(); //verwijder all options

        //do the ajax call
        $.ajax({
            url:'/ajax/getgemeentebyprovincie',
            type:'POST',
            data:{provincie:provincie},
            dataType:'json',
            cache:false,
            success:function(data){

                $.each(data, function(key, value) {
                    var option = document.createElement('option');
                    option.value = key;
                    option.text  = value;                           
                    gemeente.appendChild(option);
                });

            },
            error:function(response){
                alert(response.responseText);
            }
        }); 

    }); 

    
});

[TheNephilim]

Wat lukt er nu precies niet?

[Verwijderd]

Excuus,

ik krijg het niet voor elkaar om alle aanwezige inputs met name='gemeente[]" te verwijderen en deze te vervangen op basis van een array.

[TheNephilim]

Dat zou deze regel moeten doen?

JavaScript:

$('#gemeente').find('option').remove().end();

Probeer dat eens zonder end().

[Verwijderd]

De gemeente is geen select. Er zijn dus geen options.
DE multicheckbox bestaat uit meerdere <input name="gemeente[]" value="X" />

Die inputs wil ik update op basis van de geretourneerde array.

[MueR]

Dus dit

JavaScript:

$('input[name="gemeente[]"]').remove()

En anders maak je het jezelf gemakkelijk door die checkboxen een class mee te geven als je ze aanmaakt.

[ Voor 49% gewijzigd door MueR op 09-07-2013 13:52 ]