問題描述：

（不方便使用原始碼及原頁面，現簡要描述一下現象）

實體User包含屬性type，type值{“aa”,“bb”,"cc"}。一list頁面用於顯示多行User資料，點選每行的編輯按鈕，則載入info頁面顯示該User的具體資訊，其中type屬性在頁面中以下拉列表顯示（下拉列表僅顯示aa/bb/cc，無空選項）。現兩條User資料 X和Y，X的type值為“bb”，Y的type值為“aa”。

奇葩問題出現了，編輯資料X載入info頁面，下拉顯示正常，選中了“bb”；取消後再編輯Y載入info頁面後下拉列表竟選中了“bb”，沒有選中該顯示的“aa”，除錯js程式碼發現載入info頁面過程中下拉列表中途顯示了“aa”，但載入完畢後卻莫名其妙的又變成了上次info頁面的“bb”值，而此時js中Y的type值還是“aa”，即值正確但頁面顯示錯誤。

程式碼大概如下，

下拉列表的程式碼

<select data-bind="options: typeOptions, optionsText:'text',optionsValue:'value', value:entity().type, event: { change: typeChange}" >

.js中定義

typeOptions: ko.observableArray([])

info頁面的初始化init方法中給typeOptions賦值“aa”,“bb”,"cc"，

viewModel.typeOptions([]);
viewModel.typeOptions().push(new optionValues(translate('user:type.aa'),"aa"));
  ……//bb,cc
viewModel.typeOptions(viewModel.typeOptions());
 

然後載入User值

viewModel.entity(data);

問題解決：

出現這種情況基本確定是因為上次頁面歷史資料導致的，所以重中之重就是每次載入info頁面的時候都要先清空變數值。但不同場景裡即使清空的程式碼一樣結果也未必一樣，以前在其他類似情況下，我曾經在info頁面的init初始化方法中先清空typeOptions和entity（儲存了User物件）值就可以，但現在這種方法卻不在有效。（畢竟頁面看起來大同小異，但實際程式碼邏輯上總有一些差異，可能業務邏輯等等問題導致的吧……有點心累啊，一個小問題竟調了好久）。

最終的有效解決辦法為，

因為下拉列表的值一直是固定的，所以在定義變數的時候就把選項都賦值給它，（取代在init方法中push）

typeOptions: ko.observableArray([
     new optionValues(translate('user:type.aa'),"aa"),
…… //bb,cc
 ]),

然後在init方法中清空entity值

viewModel.entity({});  

然後就好了，好了……我表示很無語……

另外還有個問題就是info頁面有個按鈕會根據type值顯示或不顯示，

<button  id="btn" data-bind="click: config, visible: showBtn" >按鈕</button>

在下拉列表的change事件中根據下拉選中值給showBtn賦值。下拉值切換的時候按鈕顯示正常，當載入info頁面的時候按鈕就比較隨心所欲了，這還是值清空的問題，所以在init方法中多加一句判斷type值並給showBtn賦值就好了。

雖然知道值清空可以解決，但具體為啥不清空的話即使我賦了新值繫結卻沒顯示正常，我卻不得解了……