按钮单击以在淘汰赛中将 optionsCaption 值设置为默认值

Question

我目前正在处理淘汰赛中的选项绑定，绑定正在按照我的要求为我做所有事情。但目前我面临的问题是

如何将 optionsCaption 值再次设置为按钮上的“选择框” 点击。

这是我的代码

 var clickMe = function(){
//Do Something 
    alert("I am working");
    //Want to enable optionsCaption Value again as current value in select box
};
var operator = ko.observable();
var vm = 
 {
     operators : [
{id: 0, name: 'addition'},
{id: 1, name: 'subtraction'},
{id: 2, name: 'division'},
{id: 3, name: 'multiplication'}
   ],
 operator:operator,
 clickMe: clickMe
}
 ko.applyBindings(vm);

HTML

<select data-bind="options: $root.operators, optionsText: 'name', optionsValue: 'id', value: $root.operator, optionsCaption: 'Select Text'"></select>
<button data-bind="click: clickMe">Enable Caption</button>

请通过编辑我的提琴手来回答。
Fiddler Link

Answer 1

您需要将 operator 属性设置回 null 或 undefined 以取回您选择中的 optionsCaption 值：

var clickMe = function(){
//Do Something 
    alert("I am working");  
    vm.operator(undefined);
};

演示JSFiddle.