使用Knockout从Select中预填充文本输入
Prepopulate Text Input From Select Using Knockout
我正在使用Knockout,并使用值预填充选择列表。我希望这些值被复制到一个文本框,但对于用户能够覆盖任何是在文本框。当前,当文本框失去焦点时,它的值将恢复到当前下拉列表的选定值。
ViewModel:
function ViewModel() {
var self = this;
self.services = ['/api/trainers', '/api/trainingcategories']
self.selectedApi = ko.observable('/api/trainers');
}
HTML: <div class="form-group">
<label>API</label>
<select data-bind="options: services,
optionsCaption: 'Choose an API...',
value: selectedApi,
valueAllowUnset: true"></select>
</div>
<div class="form-group">
<input class="form-control" type="text" data-bind="value: selectedApi" />
<button type="submit" class="btn btn-default">Call API</button>
</div>
我认为设置valueAllowUnset会有空白的选择元素的效果,每当selectedApi值被设置为某些东西,不是在选项列表中,但这不是我看到的行为。
在Knockout的3.1.0版本中添加了valueAllowUnset
选项。
相关文章:
- 使用JSON文件中的变量(字符串)填充文本区域
- JavaScript在其他页面上用html内容填充文本框
- 如何制作每次填充文本框时都会填充的进度条
- 使用两个下拉列表的值填充文本框
- 编辑后无法用Javascript填充文本框
- HTML5使用Javascript填充文本标记的有效方式
- 填充文本框取决于php中的下拉选择
- html5具有特定alpha的画布填充文本和具有不同alpha的背景
- 如何从选定的组合框中填充文本框
- 点击剑道网格的编辑,在剑道窗口中填充文本框/DDL
- 有没有一种方法可以用包含ENTER键换行符的SQL数据填充文本区域表单
- 从下拉框中获取选定的值,并使用来填充文本框php javascript
- 使用带有数据库信息的下拉菜单填充文本框
- 使用php创建的下拉列表中的选择单独填充文本区域
- 使用JavaScript返回click-li项目的值,并用结果填充文本区域
- 用数字而不是文本填充文本框值
- 使用表单按钮填充文本输入
- 在模式窗口中填充文本区域
- 填充文本不起作用
- 我正在用来自选择的数据填充文本框,它可以工作,但是