相关下拉列表 - 自动加载

时间:2016-09-19 10:11:03

标签: javascript php jquery ajax

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

<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>

1 个答案:

答案 0 :(得分:2)

不需要focus。你可以试试这个:

$(document).ready(function() {

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

});

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