jquery如何在文档准备好时调用函数

Question

嗨，有人可以帮我解决这个 jQuery 问题吗？我有:

$(document).ready(function () {

    window.refresh = function () { setorganisationddl; }

    var setorganisationddl = function () {
        if ($("#Invoice_AreaId option:selected").val() == "") {
            $("#Invoice_OrganisationId > option").remove();
            $("#Invoice_OrganisationId").append($("<option value=''>-- Select --</option>"));
            $("#Invoice_OrganisationId").attr("disabled", "disabled");
        }
        else {
            $.get('/Invoice/GetOrganisationSelectList/' + $("#Invoice_AreaId option:selected").val(), function (response) {
                $("#Invoice_OrganisationId").removeAttr("disabled");

                var organisations = $.parseJSON(response);

                var ddlOrganisations = $("#Invoice_OrganisationId");

                $("#Invoice_OrganisationId > option").remove();

                for (i = 0; i < organisations.length; i++) {

                    if (organisations[i].Value == $("#Invoice_OrganisationId option:selected").val()) {
                        ddlOrganisations.append($("<option selected='selected' />").val(organisations[i].Value).text(organisations[i].Text));
                    }
                    else {
                        ddlOrganisations.append($("<option />").val(organisations[i].Value).text(organisations[i].Text));
                    }
                }
            });
        }
    }

    $("#Invoice_AreaId").change(setorganisationddl);
});

因此，当 id Invoice_AreaId 的 ddl 更改时，我会调用 setorganizationddl 。伟大的。不过我也希望在页面加载时调用它。

正如你所看到的，我尝试过:

window.refresh = function () { setorganisationddl; }

这不起作用。

Answer 1

您只需要稍微重新安排一下代码即可。

在文档中的 .change 处理程序中调用 setorganizationddl。

$(document).ready(function () {

    setorganisationddl();



    $("#Invoice_AreaId").change(function(){
         setorganisationddl();
    });
});

function setorganisationddl() {
    if ($("#Invoice_AreaId option:selected").val() == "") {
        $("#Invoice_OrganisationId > option").remove();
        $("#Invoice_OrganisationId").append($("<option value=''>-- Select --</option>"));
        $("#Invoice_OrganisationId").attr("disabled", "disabled");
    }
    else {
        $.get('/Invoice/GetOrganisationSelectList/' + $("#Invoice_AreaId option:selected").val(), function (response) {
            $("#Invoice_OrganisationId").removeAttr("disabled");

            var organisations = $.parseJSON(response);

            var ddlOrganisations = $("#Invoice_OrganisationId");

            $("#Invoice_OrganisationId > option").remove();

            for (i = 0; i < organisations.length; i++) {

                if (organisations[i].Value == $("#Invoice_OrganisationId option:selected").val()) {
                    ddlOrganisations.append($("<option selected='selected' />").val(organisations[i].Value).text(organisations[i].Text));
                }
                else {
                    ddlOrganisations.append($("<option />").val(organisations[i].Value).text(organisations[i].Text));
                }
            }
        });
    }
}