[jQuery] problem repopulating select box using .load

[jQuery] problem repopulating select box using .load


I am trying to populate a page with a dynamic drop down box loaded
from another page, problem is, that the old one is not being removed
when it gets changed.
previewprofile = function() {
    var sealprofile = $("#sealprofile").val();
$("#profilepreview").load("jq-previewprofile.php", {profile:
sealprofile} );
$("#sealcolour").load("jq-profilecolours.php", {profile:
sealprofile} );
    };
    $("#sealprofile").change( previewprofile );
is the code.
basically when someone changes the drop down box of #sealprofile it
should repopulate the span #sealcolour to show a drop down box with
the relevent colours. however it is not removing the previous one, so
it is getting overlapping select boxes. very wierd.
thanks for any help

















    • Topic Participants

    • sales