從屬下拉列表 - 自動加載

Question

我有兩個從屬下拉列表：產品和版本。當我更換產品時，本產品的發佈清單將重新加載，以便僅列出所選產品的發佈。我使用'change'方法在產品更改時加載版本，但當頁面加載時沒有列出默認產品的版本。如果只有一種產品，我無法選擇發佈。爲了解決這個問題，我添加了一個額外的「焦點」方法來克服這個問題，但我仍然不知道如何在頁面加載時加載版本。

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#product").focus(function() { 
     $.get('../deliveries/loadReleases.php?productName=' + $(this).val(), function(data) { 
      $("#release").html(data); 
     }); 
    }); 

    $("#product").change(function() { 
     $.get('../deliveries/loadReleases.php?productName=' + $(this).val(), function(data) { 
     $("#release").html(data); 
    }); 
    }); 

}); 

</script> 

Answer 1

不需要focus。你可以試試這個：

$(document).ready(function() { 

    $("#product").change(function() { 
     $.get('../deliveries/loadReleases.php?productName=' + $(this).val(), function(data) { 
      $("#release").html(data); 
     }); 
    }).trigger("change"); 

}); 

它會在附加處理程序後立即觸發change事件。