jQuery刪除SELECT選項基於在更改和加載時選擇的另一個SELECT

Question

我正在使用以下jQuery代碼從選擇中刪除選項，它運行良好。但是，而不是它只在選項2選擇更改時執行，我也希望它在頁面加載時工作，具體取決於所選的選定項目。我嘗試使用該腳本的副本並將.change更改爲.load，並嘗試使用（window）.load而沒有所需的結果。實質上，我需要腳本來執行Options1的更改和加載頁面。任何幫助，這將不勝感激。

<script type="text/javascript"> 
    $(document).ready(function() { 
    //copy the second select, so we can easily reset it 
    var selectClone = $('#theOptions2').clone(); 
    $('#theOptions1').change(function() { 
     var val = parseInt($(this).val()); 
     //reset the second select on each change 
     $('#theOptions2').html(selectClone.html()) 
     switch(val) { 
      //if 2 is selected remove C 
      case 2 : $('#theOptions2').find('option:contains(c)').remove();break; 
      //if 3 is selected remove A 
      case 3 : $('#theOptions2').find('option:contains(a)').remove();break; 
     } 
    }); 
}); 

</script> 

<select id="theOptions1"> 
    <option value="1">1</option> 
    <option value="2" selected="selected">2</option> 
    <option value="3">3</option> 
</select> 
<br /> 
<select id="theOptions2"> 
    <option>a</option> 
    <option>b</option> 
    <option>c</option> 
</select> 

Answer 1

觸發在$(document).ready(...末的事件：

$('#theOptions1').trigger('change');