從ASP.NET C＃中的彈出窗口刷新父下拉列表

Question

我的父頁面-ASP.NET C＃中有一個dropdwnlist控件，單擊按鈕時會彈出一個彈出窗口，用於向該控件添加新值。

[+]

在彈出頁面-保存按鈕中，我有以下代碼：

Response.Write("<script>opener.loadOptionLandlord('" + stid  + "','" + strLandlorconn_dbame + "');</script>");
Response.Write("<script>window.close();</script>");

其中loadOptionLandlord是我的父頁面中的一個函數：

function loadOptionLandlord(val,txt)
        {
            var opt = document.createElement('<option value="'+ val +'">');
            opt.innerText = txt;
            var sCtrl = document.getElementById('<%= ddlLandlord.ClientID %>');

            sCtrl.options[sCtrl.options.length] = new Option(txt, val, false, true);

        }

該值已保存到數據庫，並且彈出窗口正在關閉，但是新添加的數據在下拉列表中未刷新。 這適用於IE，但不適用於Chrome。

請幫忙 ..

Answer 1

您可以檢查此功能嗎？

function loadOptionLandlord(val,txt)
        {
            // Those create element not needed and its a wrong 
            // because you directly add option to select
            //var opt = document.createElement('<option value="'+ val +'">');
           // opt.innerText = txt;
            var sCtrl = document.getElementById('<%= ddlLandlord.ClientID %>');

            sCtrl.options[sCtrl.options.length] = new Option(txt, val, false, true);

        }

這是示例js在下拉JS BIN上添加選項

Answer 2

如下更改您的loadOptionLandlord

function loadOptionLandlord(val,txt)
        {
            var opt = document.createElement("option");            
            var sCtrl = document.getElementById('<%= ddlLandlord.ClientID %>').options.add(opt);
            opt.text = txt;
            opt.value = val;
}