很多時候，我們寫from表單面，給select標(biāo)簽賦值，都采用這種方式：
1.MVC中設(shè)創(chuàng)建公共的分部視圖；
2.直接在前臺面中，插入片段后臺代碼；
今天我利用HTML5中的自定義屬性，結(jié)合JQ擴展方法，寫一個通用的JS方法，
JS代碼如下：

創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10年，專業(yè)且經(jīng)驗豐富。10年網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為1000多家中小企業(yè)提供了網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)解決方案，按需求定制網(wǎng)站，設(shè)計滿意，售后服務(wù)無憂。所有客戶皆提供一年免費網(wǎng)站維護!

    $.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 { moduleId = Model.ModuleID })"
data-selected="@Model.MenuID" required>

                                    
                                    好了，到此結(jié)束，我們前臺代碼是不是很少，所有的select都可以調(diào)用，只是傳不同的數(shù)據(jù)源URL即可
            
            
                        

            當(dāng)前文章：Html頁面中select下拉列表框別樣用法，一個方法一勞永逸。            

            網(wǎng)頁路徑：http://weahome.cn/article/gpicdd.html