jQuery和阿賈克斯 - 加載項的選擇輸入時，頁面加載

Question

我有2個<select>輸入：

<select id="state"> 
    <option value="" selected>Select</option> 
    <option value="california">California</option> 
    <option value="new-york">New York</option> 
</select> 

<select id="city"> 
    <option value="">Select</option> 
</select> 

而jQuery的/ AJAX代碼：

$('#state').change(function() { 
    var id=$(this).val(); 
    var dataString = 'state='+id; 
    $.ajax({ 
     type: 'POST', 
     url: scriptpath+'../ajax/fields.php', 
     data: dataString, 
     cache: false, 
     success: function(output) { 
      $('#city').html(null); 
      $('#city').append(output); 
     }, 
    }); 
}); 

說明：一切正常。 #city輸入根據#state輸入值而變化...現在，如果我將"california"的頁面加載爲default值 - #city輸入不會更改，因爲它使用.change()事件。頁面加載時，如何檢測#state輸入上的選定值？我試過$('#state').on("change load",function() {沒有成功。

任何想法？在此先感謝

Answer 1

只是觸發change事件時，第一個頁面加載：

$('#state').change(function() { 
    //your code... 
}).change();//trigger on page load