如何在Knockout.js中单击选择后显示optionsCaption默认值？

Question

我有一个简单的表单，你可以多次提交（通过AJAX），它有一个下拉列表，一个文本输入和一个提交按钮 - 特别是选择下拉列表的选项通过Knockout绑定。当用户当前单击submit时，他们在文本输入中输入的数据仍然存在，所选选项也是如此。这是以下形式：

<select data-bind="options: users, optionsText: 'UserName', optionsValue: 'UserId', optionsCaption: 'Select...', value: addedUserId"></select>

<input type="text" data-bind="value: addedUserIdText" />

<input class="addButton" type="submit" name="addSubmitter" value="ADD" data-bind="enable: addedUserId, click: userFormClick" />

我需要发生的是我要清除文本输入并将选择下拉菜单重置为＆＃34;选择...＆＃34; 时单击提交按钮。清除文本字段非常简单：

self.addedUserIdText("");

但是我如何才能重新设置提交下拉菜单，只有optionsCaption默认为＆＃34;选择...＆＃34;？我无法正确重置该值，因为它与文字选项值相关联。想法？

Answer 1

您只需将值设置为undefined：

self.addedUserId(undefined);