how to fire jquery load function after using change function

I have a dropdown list where i want to fire load function after user changes option in dropdown list , please help

var x = $("#catid");

x.change(function(){
    var y = $('#catid option:selected').val();
    var url = "<?php echo base_url();?>index.php/";
    window.locati开发者_C百科on= url+"master/posting/create/"+ y;


});

my main purpose here is to get rid off window.location and do that with load function to see select option in second menu. Thanks

If you want to visit another url then there is no reason to change what you have. Using window.location is how you achieve that.

Assuming that $("#catid") is the ID of the select box and let us assume a container $("#result") for the content of the load:

$("#catid").change(function(){
     var y = $(this).val();
     var url = "<?php echo base_url();?>index.php/";
     $("#result").load(url+"master/posting/create/"+ y);
});