javascript - Jquery在onload时执行onchange事件

Question

我有一个在更改事件上运行发布操作的功能。

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

我想在加载事件时执行此功能。是否可以？有没有好的方法来做到这一点？

Answer 1

只需将它放在一个函数中，然后在准备好文档时也调用它，如下所示：

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

change或者只是在页面加载时调用？

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

Answer 2

非常简单的方法是将另一个 .change() 事件链接到您的 on change 函数的末尾，如下所示：

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

Answer 3

如果您添加.change()到末尾，它将在绑定后立即调用：

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

或者将回调更改为实际函数并调用它：

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 4

要调用onload，您可以尝试使用 jQuery：

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

像这样编写你的 onchange 函数，这样会在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);
});

Answer 5

这对我有用。

 $(function () {
    $('#checkboxId').on('change', hideShowfunction).trigger('change');
});

function hideShowfunction(){
//handle your checkbox check/uncheck logic here
}

Answer 6

另一种方法

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