調用切換功能開始

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

});