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

标签 javascript html knockout.js

我有一个简单的表单,您可以多次提交(通过 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...”?我无法完全重置该值,因为它与文字选项值相关联。想法?

最佳答案

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

self.addedUserId(undefined);

关于javascript - 单击 Knockout.js 后如何在选择上显示 optionsCaption 默认值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27515830/

相关文章:

javascript - 根据用户状态显示/隐藏登录/注销按钮

javascript - javascript中Window.innerheight减去数字

javascript - Angular JS - 获取 [$resource :badcfg] error when unit testing $resource. get 但在 Controller 上很好

javascript - 如何使 html 文件从 config.js 文件读取值

php - 从不同的 Controller 输出到相同的 View

javascript - 如何避免在数据绑定(bind)下拉列表初始化时触发订阅?

javascript - 在js函数中访问变量

javascript - 高效查找出现在指定 DOM 元素上的 DOM 元素

javascript - 在 Vue.js 中显示未转义的 HTML

javascript - KO计算递归调用