javascript - 从属下拉列表 - 自动加载

Question

我有两个相关的下拉列表:产品和版本。当我更改产品时，该产品的版本列表会重新加载，以便它仅列出所选产品的版本。我使用“更改”方法在产品更改时加载版本，但是当页面加载时没有列出默认产品的版本。如果只有一种产品，我无法选择发布。为了解决这个问题，我添加了一个额外的“焦点”方法来克服这个问题，但我仍然不知道如何在页面加载时加载发布。

<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

不需要焦点。你可以试试这个:

$(document).ready(function() {

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

});

它会在附加处理程序后立即触发 change 事件。