[JQuery] Json 資料放到select option 使用 Jquery

     //使用Ajax取得Json格式的資料 格式為 List

        $.ajax({

            type: 'GET',

            url: GetUrl,

            data: { id: id },

            dataType: "json",

            success: function (data) {

                $("#selectId").fillSelect(data);

            }

        });





     //清除選取的下拉清單

     $.fn.clearSelect = function() {

        return this.each(function() {

           if (this.tagName == 'SELECT')

                this.options.length = 0;

        });

     } 



     //將下拉選項加入下拉清單

     $.fn.fillSelect = function (data, selectId) {

         return this.clearSelect().each(function () {

             if (this.tagName == 'SELECT') {

                 var dropdownList = this;

                 $.each(data, function (index, optionData) {

                     var option = new Option(optionData.Text, optionData.Value);

                     if ($.browser.msie) {

                         dropdownList.add(option);

                     }

                     else {

                         dropdownList.add(option, null);

                     }

                 });

             }

         });

     }

Reference:

http://geekswithblogs.net/michelotti/archive/2008/06/28/mvc-json---jsonresult-and-jquery.aspx