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(); }); 

Answer 2

Really simple way it to just chain another .change() event to the end of your on change function like this:

$("#yourElement").change(function(){    // your code here }).change(); // automatically execute the on change function you just wrote