Htmlページのselectドロップダウンリストボックスの使い方は、1つの方法で永遠に使います.

多くの場合、from表の片面を書いてselectラベルに値を付けるには、このような方法を採用しています.MVCには共通の分割ビューを作成する.2.フロント面に直接、クリップバックグラウンドコードを挿入する.今日私はHTML 5の中のカスタム属性を利用して、JQ拡張方法と結びつけて、1つの通用するJS方法を書いて、JSコードは以下の通りです:

    $.fn.SetSelect = function () {
        return this.each(function () {
            var select = $(this);
            var url = $(this).attr("data-ajax");
            var value = $(this).attr("data-Selected");
             select.empty();
            if (typeof url !== typeof undefined && typeof value !== typeof undefined) {
                $.ajax({
                    type: "POST",
                    url: url,
                    async: false,
                    dataType: "json",
                    success: function (result) {
                        for (var i = 0; i < result.length; i++) {
                            select.append("" + result[i].name + "");
                        }
                        select.val(value);
                    },
                });
            }
        });
    };

フロントページ:data-ajax="@Url.Action("GetMenuInfo",new{moduled=Model.ModuleID})"data-selected="@Model.MenuID"required>

// $("select[name='MenuID']).SetSelect();

                                      ，    ，           ，   select     ，         URL