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

【问题标题】：How to display optionsCaption default on a select after click in Knockout.js?在 Knockout.js 中单击后如何在选择上显示 optionsCaption 默认值？
【发布时间】：2015-02-15 10:12:21
【问题描述】：

我有一个简单的表单，您可以多次提交（通过 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" />

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

self.addedUserIdText("");

但是，我该如何将提交下拉菜单重置为只有 optionsCaption 默认的“选择...”？我无法完全重置该值，因为它与文字选项值相关。想法？

【问题讨论】：

标签： javascript html knockout.js

【解决方案1】：

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

self.addedUserId(undefined);

【讨论】：

这么简单，谁知道呢！谢谢你韦恩。