Hi there,

This is what I'm trying to do:

When a user selects a group in the first SELECT box, another SELECT
box should be loaded from an external PHP-file (using MySQL), based on
the group-id of the first SELECT box.

I use this code:

$('#kiesgroep').change(function(){
                $.post("<?php echo base_url();?>php/kies_speltak.php", {
                groepid: $('#kiesgroep').val()
              }, function(response){
                $('#kiesspeltakveld').fadeOut();
                setTimeout("finishAjax('kiesspeltakveld', '"+escape(response)
+"')", 200);
              });
              return false;
        }).change();

function finishAjax(id, response) {
  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn();
} //finishAjax

where #kiesspeltakveld is the field where the second SELECT box should
be loaded,
and #kiesgroep is the id of the first SELECT box.
But now the problem is that the second SELECT box gets loaded when the
page loads, NOT when the first SELECT box gets changed. Does anyone
know why?

Reply via email to