Jquery esegue l'evento onchange on onload

Question

Ho una funzione che sull'evento change esegue le azioni post.

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

Vorrei eseguire questa funzione evento onload. È possibile? C'è un buon modo per farlo?

Answer 1

Basta mettere in una funzione, quindi chiamalo anche su documento pronto, in questo modo:

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

oppure basta richiamare change al caricamento della pagina?

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

Answer 2

Se si aggiunge .change() alla fine si chiamerà subito dopo essere stato legato:

$(function() { 
    $("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); 
     }); 
    }).change(); // Add .change() here 
}); 

o modificare la richiamata ad una funzione reale e chiami:

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

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

Answer 3

modo molto semplice ad appena concatenare un altro evento .Per passare() per la fine del vostro sui cambiamenti funzione come questa:

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

Answer 4

L'altro modo di fare

$("select#marca").val('your_value').trigger('change'); 

Answer 5

Per chiamare onload, puoi provare jQuery:

$(document).ready(function(){ 
onchange();// onload it will call the function 
    }); 

Scrivi la funzione onchange come questo, quindi questo sarà chiamato quando si verifica onchange,

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