Javascript 简单值绑定到select标记

Javascript 简单值绑定到select标记,javascript,select,knockout.js,binding,Javascript,Select,Knockout.js,Binding,请原谅我的无礼,我不会要求你为我创建一个软件解决方案,但我只是想要一个关于如何让我的knockout.js工作的快速课程(或修复我的代码)。你看,我对JS完全是个新手,我想在这里弄明白一些事情: <p>Show the number here: <span data-bind="text: showVal()" id="curr-value"></span> <select data-bind="selectedOpti

请原谅我的无礼,我不会要求你为我创建一个软件解决方案,但我只是想要一个关于如何让我的knockout.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>
在此处显示数字:

函数编号sviewmodel(){ self.numberSet=[ {numName:“十进制中的两个是”,currVal:2}, {numName:“小数点后三位是”,currVal:3}, {numName:“小数点后四位是”,currVal:4}, ] self.selectedBlah=ko.observableArray([]); self.showVal=ko.computed(函数(){ var value=currVal().toString(); 返回值; }); } 应用绑定(新的NumberSViewModel());
所以,我想做的是,如果你在一个值上设置下拉菜单,跨度上的文本值就会改变。我确信这是可能的,我只是无法让它工作。

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>