javascript - Jquery execute onchange event on onload

Question

I have a function that on change event run the post actions.

$("select#marca").change(function(){
    var marca = $("select#marca option:selected").attr('value');
    $("select#modello").html(attendere);
$.post("select.php", {id_marca:marca}, function(data){
        $("select#modello").html(data);
    });
});

I would like to perform this function onload event. Is it possible? Is there a good way to do this?

Answer 1

Just put it in a function, then call it on document ready too, like so:

$(function () {
    yourFunction(); //this calls it on load
    $("select#marca").change(yourFunction);
});

function yourFunction() {
    var marca = $("select#marca option:selected").attr('value');
    $("select#modello").html(attendere);
    $.post("select.php", {id_marca:marca}, function(data){
        $("select#modello").html(data);
    });
}

Or just invoke change on page load?

$(function () {
    $("select#marca").change();
});