jquery - 在文档开始时调用更改函数

Question

我已经实现了以下代码：

$('#select1').change(function() {
    var options = '';
    if($(this).val() == 'a') {
        options = '<option value="1">1</option><option value="2">2</option>';
    }
    else if ($(this).val() == 'b'){
        options = '<option value="3">3</option><option value="4">4</option>';
    }

    $('#select2').html(options);
});

当文档被初始化时，我想第一次调用更改函数来填充我的select，而不是更改选项来触发change。这可能吗？如何？

Answer 1

这应该做的工作：

$("#select1").trigger("change");

甚至更短：

$("#select1").change();

所以最后你的代码可能看起来像这样：

$(function() {
    $("#select1").change(function() {
        var options = "";
        if ($(this).val() == "a") {
            options = '<option value="1">1</option><option value="2">2</option>';
        } else if ($(this).val() == "b") {
            options = '<option value="3">3</option><option value="4">4</option>';
        }

        $("#select2").html(options);
    }).trigger("change");
});

Answer 2

在事件中触发changeready事件。

$(function(){      

  $('#select1').change(function() {
     var options = '';
     if($(this).val() == 'a') {
         options = '<option value="1">1</option><option value="2">2</option>';
     } 
     else if ($(this).val() == 'b'){
         options = '<option value="3">3</option><option value="4">4</option>';
     }
     $('#select2').html(options);
  });

  $("#select1").trigger("change");  

});