javascript/php 不会加载依赖下拉列表中第一个选项的数据

Question

我遇到了一个脚本问题，该脚本部分是借用的，部分是我自己的，它是 javascript 和 php 填充两个下拉列表，第二个中的选项取决于用户在第一个中选择的内容。由于某种原因，当在第一个下拉列表中选择初始选项时，无论是在页面加载时还是手动选择(如果选项是“a、b、c、d、e”)，它都不会加载第二个下拉列表中的选项...etc'，它不会为 'a' 加载任何内容)。

我认为这可能与javascript文档准备功能有关，但恐怕我对javascript知之甚少。这是 JavaScript 代码:

        $(document).ready(function () {
    $.getJSON("getOutcome.php", success = function(data)
    {
        var options = "";

        for(var i = 0; i < data.length; i++)
        {
            options += "<option value ='" + data[i].toLowerCase() + "'>" + data[i] + "</option>";
        }

        $("#slctOutcome").append(options);

        $("#slctProxy").change();
    });

    $("#slctOutcome").change(function()
    {   
        $.getJSON("getProxies.php?outcome=" + $(this).val(), success = function(data)
    {
            var options = "";

            for(var i = 0; i < data.length; i++)
            {
                options += "<option value ='" + data[i].toLowerCase() + "'>" + data[i] + "</option>";
            }

            $("#slctProxy").html("");
            $("#slctProxy").append(options);

        });

    });
});

Answer 1

仅当选择更改时才会触发更改事件 - 填充时不会触发;-)

尝试在最后一行之前添加 $("#slctOutcome").trigger("change");

玩得开心:-)