jQuery＆Ajax-頁面加載時將項目加載到選擇輸入

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

只需在首頁加載時觸發更改事件：

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