简单值绑定到选择标记
Simple value bind to select tag
请原谅我的菜鸟,我不会要求你为我创建一个软件解决方案,但我只是想快速上课(或修复我的代码)关于如何让我的淘汰.js工作。 你看,我是 JS 的新手,我正试图在这里弄清楚一些事情:
<p>Show the number here: <span data-bind="text: showVal()" id="curr-value"></span>
<select data-bind="selectedOptions:selectedBlah, options: $root.numberSet, value: currVal, optionsText: 'numName'">
</select>
</p>
<script type="text/javascript">
function NumbersSViewModel() {
self.numberSet = [
{ numName: "Two in Decimal is", currVal: 2 },
{ numName: "Three in Decimal is", currVal: 3 },
{ numName: "Four in Decimal is", currVal: 4 },
]
self.selectedBlah = ko.observableArray([]);
self.showVal = ko.computed(function() {
var value = currVal().toString();
return value;
});
}
ko.applyBindings(new NumberSViewModel()); </script>
所以,我要做的是,如果你在一个值上设置下拉菜单,那么范围上的文本值就会改变。我确信这是可能的,我只是无法工作。
Javascript:
function NumbersViewModel() {
var self = this;
self.numberSet = [
{ numName: "Two in Decimal is", curVal: 2 },
{ numName: "Three in Decimal is", curVal: 3 },
{ numName: "Four in Decimal is", curVal: 4 },
];
self.selectedNumber = ko.observable();
}
ko.applyBindings(new NumbersViewModel());
.HTML:
<select data-bind="options: numberSet,
optionsText: 'numName',
optionsValue: 'curVal',
value: selectedNumber"></select>
Show the number here:
<span data-bind="text: selectedNumber" id="curr-value"></span>
见小提琴
相关文章:
- Ember选择绑定-如何使其着火
- 由其他Ember Select填充的Ember Select不更新选择绑定
- 角度选择绑定字典
- 选择绑定到同一范围的按钮,单击时会相互触发.如何从angular.js中的两个选择列表按钮解除范围绑定
- 如何将 HTML 选择绑定到 Rivets.JS 中的模型值
- 在呈现项目后,挖空选择绑定回调的选项
- 在 angularjs 中使用选择绑定
- Knockout.js选择绑定到对象的值
- 使用angularjs、jquery、json、ajax基于下拉选择绑定html表数据
- knockoutjs选项对选项和选择绑定的适应
- 取消验证,选择绑定,不添加erroelement .css
- 从选择绑定中删除数据绑定没有更新自定义事件
- Angular选择——绑定到模型(而不是值)
- 在Angularjs中选择绑定ng-model的对象
- Angular js选择绑定
- Knockout:选择绑定返回值数组
- Emberjs选择绑定
- 使用enter键选择绑定到输入的Datalist元素
- 删除自定义选择绑定器与更新功能
- dom事件-JavaScript onchange选择绑定问题