动态 HtmlSelect 选项不回发

Question

我有级联下拉菜单（国家/省/城市）。当页面回发时，我失去了省和市的选定选项。国家选项是通过 .net 代码加载的，但省和城市选项是通过 javascript 填充的。

我认为这与视图状态有关，但我不能完全理解为什么所选值没有回发。

Answer 1

使用 JavaScript 添加到下拉（html 选择）列表的选项将不起作用。 这是修改 DOM 客户端中的值，而不是服务器端的 ViewState。

这篇文章应该用详细的解释来回答这一切。 Options added to <select> by javascript lost in postback

您可以尝试使用 Javascript 和 JQuery 在 Javascript 中动态添加和删除选定的选项，但它可能会变得混乱且速度很快。

    function setSelectedValue(value) {
        var x = document.getElementById("yourDivId").selectedIndex;
        var y = document.getElementById("yourDivId").options;

        $('#yourDivId option').each(function () {
            if ($(this).attr('selected')) {
                $(this).removeAttr('selected');
            }
        });

        y[x].setAttribute('selected', 'selected');
    }