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

});

在文档开始时调用更改功能

2 个答案: