（KnockoutJS）如何重置select語句

Question

我有KnockoutJS填充

HTML的

相關部分選擇選項：app.js的

<label>Gender:</label> 
<select data-bind="options: gender, value: selectedGender, optionsText: 'gender'"></select> 

及相關部分：

this.gender = ko.observableArray([{gender: '', value: ''},{gender: 'F', value: 'female'},{gender: 'M', value: 'male'}]); 
this.selectedGender = ko.observable(); 

kn.constructorEnd(this); 

var self = this; 
this.selectedGenderVal = ko.computed(function() { 
    return self.selectedGender() && self.selectedGender().value; 
}) 

然後我已經將點擊事件中的數據綁定添加到我的模式關閉圖標。所有可觀察的數據都被清除，除了上面選擇我試圖清除的那個：

self.selectedGender(""); 

任何線索爲什麼不將它設置爲空值？

Answer 1

您的選擇控件的設置沒有「selectedValue」綁定，因此默認情況下整個選項對象將存儲在您的「selectedGender」可觀察對象中。因此，當您嘗試選擇空字符串值時，選擇控件不知道如何將其轉換爲數組中的某個選項對象。

如果添加optionsValue: 'gender'綁定，則它知道使用性別observable中的字符串值比較值，而不是將整個對象相互比較。