最近在做IE系列相容的專案，為了開發起來更方便（本人已厭倦了拼接字串）所以選了一款比較老的mvvm的框架KnockOut,雖然比較老但是五臟俱全

//首先說一下Select實現獲取介面返回資料賦值給Option,然後選擇條目獲取對應Value。

<div id="viewModelBox"> 

<select data-bind="options:TiXi,optionsText:'baseName',optionsValue:'baseParentid',value:TiXiSelected" class="selectOption block">

</div>

var viewModel = {
    TiXi: ko.observableArray(),
    TiXiSelected:ko.observable(),    
};

//Ajax獲取介面資料然後賦值給viewModel.TiXi物件
    DictionariesList: function (url, refer) {
        $.ajax({
            async: true,
            type: "get",
            url: url,
            dataType: "json",
            success: function (result) {
                if (result) {
                    result：viewModel.TiXi
                }
            },
            error: function (data) {
                alert(data)
            }
        });
        
    },

//applyBindings在viewModelBox啟用viewModel，

ko.applyBindings(viewModel, document.getElementById("viewModelBox"));

如果想取選中條目的Value；

console.log(viewModel.TiXiSelected())