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

イベント内の変更イベントをトリガーしreadyます。

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

});