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

Question

我有一个简单的表单，您可以多次提交(通过 AJAX)，它有一个下拉菜单、一个文本输入和一个提交按钮 - 特别是选择下拉菜单通过 Knockout 绑定(bind)了它的选项.当前，当用户点击 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" />

我需要做的是，我想在单击提交按钮时清除文本输入并将选择下拉菜单重置为“选择...”。清除文本字段非常简单:

self.addedUserIdText("");

但我究竟该如何重置提交下拉菜单，使 optionsCaption 默认为“Select...”？我无法完全重置该值，因为它与文字选项值相关联。想法？

Answer 1

您只需将值设置为未定义:

self.addedUserId(undefined);