在Knockout.js中获得下拉框更改事件上选择的文本
Get selected text on dropdown change event in Knockout.js
我试图得到选定的索引在下拉框使用knockout.js的文本,
下面是我的HTML<select name="" id="management" class="form-control" data-bind="value: ManagementCompanies,optionText:ManagementCompaniestxt">
<option value="0">---Select---</option>
<option value="1">abcd</option>
<option value="2">efgh</option>
</select>
下面是我的模型绑定:
var FilterViewModel = {
ManagementCompanies: ko.observable(''),
ManagementCompaniestxt:ko.observable('')
}
FilterViewModel.ManagementCompanies.subscribe(function (newValue) {
alert(FilterViewModel.ManagementCompaniestxt());
});
ko.applyBindings(FilterViewModel, window.document.getElementById("SelectFilters"));
我已经尝试使用Text
绑定,但没有工作。
如何在subscribe event
中选择文本abcd
?
谢谢
尝试从视图获取数据到视图模型有点奇怪。通常,视图是视图模型的表示。最好拥有在模型中呈现<select>
所需的数据,并使用knockout的options
数据绑定来呈现它。
你可以这样做:
var FilterViewModel = {
ManagementCompanies: ko.observable(''),
ManagementCompaniestxt: ko.observable(''),
options: [
{ text: "---Select---", value: 0 },
{ text: "abcd", value: 1 },
{ text: "efgh", value: 2 }]
}
FilterViewModel.ManagementCompanies.subscribe(function(newValue) {
console.log(newValue.text);
});
ko.applyBindings(FilterViewModel);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<select data-bind="value: ManagementCompanies,
options:options,
optionsText: 'text'">
</select>
相关文章:
- 选择onclick事件jquery
- 如何在触发事件后选择select选项
- 什么是“;选择“;然后触发事件
- 类似jQuery的主干事件选择器
- 用于关闭和打开的Jquery事件选择下拉菜单,而不是在更改时
- 点击事件:选择要按 ID 点击的项目
- 如何在 HTML 中使用 OnClick 事件<选择>
- 将事件选择器委托为第 n 个元素不起作用
- jQuery 单击事件选择选项不适用于 jQuery Mobile 框架
- extjs数据视图未找到事件选择
- 使用jQuery为触摸事件选择区域
- 如何调用不同的事件选择并点击jstree(vakata)
- jQuery点击事件选择元素不工作的期望在Chrome 54
- Javascript动态onChange事件选择
- 点击事件选择器语法
- 使用mouseup事件选择文本,使用调用函数选择dbclick事件
- 如何使用Javascript使onclick事件选择被单击的元素的id ?
- OfficeJs/WordJs通过索引和绑定单击事件选择文本范围
- jQuery/javascript事件选择展开/折叠
- JS后添加<在现有的
- 中,我无法使用click事件选择它