knockout页面绑定下拉列表select选中项错误问题

问题描述：

（不方便使用源代码及原页面，现简要描述一下现象）

实体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,ccviewModel.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赋值就好了。

虽然知道值清空可以解决，但具体为啥不清空的话即使我赋了新值绑定却没显示正常，我却不得解了……