时间戳

首页 > 解决方案 > 如何手动触发下拉更改事件？当我从 Modal 中选择数据时？

javascript - 如何手动触发下拉更改事件？当我从 Modal 中选择数据时？

问题描述

我有一个下拉列表，它通过 ajax 从数据库中获取 Accountoff 数据。现在我从模态中选择数据并将 val 提供给下拉列表并手动触发它更改方法。但它不起作用。

这是我将选定数据从模式提供给下拉列表的代码。

AccountOf = function (value) {
    var lblBrandCode = $(value).closest('tr').find("#hdnCusCode").val();
    var lblCusDesc = $(value).closest('tr').find('#lblCusDesc').val();
    $("#AccountOfModal").modal("hide");
    $("#ddlACof").val(lblBrandCode);

    //document.getElementById("ddlACof").value = lblBrandCode;
    $("#ddlACof").change();        
}

这是调用上述方法的代码。

 $.ajax({
        dataType: "json",
        async: true,
        type: 'GET',
        url: '@Url.Content("~/BookingOrder/Select_CustomerDetailModal")',
        success: function (data) {

            if (data.Success == true) {
                var item = JSON.parse(data.Response)
                $("#AccountOfTable tbody tr").remove()
                if (item.length > 0) {

                    $.each(item, function (value, item) {

                        var temp = '<tr id="DelChkListRow1' + (rowCount++) + '" data-tr-count="' + (dataCount++) + '" onclick="AccountOf(this)">' +
                            '<td>' + SNo++ + '</td>' +
                      '<td class="tdDiv" style="overflow:auto"><label id="lblCusCode" >' + item.CusCode + '</label><input type="hidden" id="hdnCusCode" value="' + item.CusCode + '"/></td>' +
                      '<td class="tdDiv" style="overflow:auto"><label id="lblCusDesc">' + item.CusDesc + '</label></td>' +
                      '<td class="tdDiv" style="overflow:auto"><label id="lblNIC">' + item.NIC + '</label></td>' +
                      '<td class="tdDiv" style="overflow:auto"><label id="lblAddress">' + item.Address1 + '</label></td>' +
                      '<td class="tdDiv" style="overflow:auto"><label id="lblPhone">' + item.Phone1 + '</label></td>' +
                        '</tr>';

                        $("#AccountOfTable tbody").append(temp);


                    });

                }
            }
        },
        complete: function () {

        },
    });

标签： javascriptdropdown

解决方案

$( "#ddlACof" ).trigger( "change" );

推荐阅读