asp.net - 動的 HtmlSelect オプションがポストバックしない

Question

カスケード ドロップダウン (国/州/都市) があります。ページがポストバックすると、州と都市の選択オプションが失われます。国のオプションは .net コードを介して読み込まれますが、州と都市のオプションは JavaScript を介して読み込まれます。

これはビューステートと関係があると思いますが、選択した値がポストバックされない理由を完全に理解することはできません。

Answer 1

JavaScript を使用してドロップダウン (html 選択) リストに追加されたオプションは機能しません。これは、サーバーからの ViewState ではなく、DOM クライアント側の値を変更しています。

この投稿は、詳細な説明ですべてに答える必要があります。 ポストバックで失われた javascript によって <select> に追加されたオプション

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');
    }