使用键值对的淘汰赛绑定

Question

我正在使用 BreezeJs 进行淘汰赛，以从我的本地数据库中检索和存储数据。我在这里面临的问题是菜单中的键值绑定。 我想要做的是显示并从选择菜单中选择“名称”属性并将相应的“Id”属性存储到我的数据库中。

直到现在我都在尝试

var operators = [
{id: 0, name: 'addition'},
{id: 1, name: 'subtraction'},
{id: 2, name: 'division'},
{id: 3, name: 'multiplication'}
   ];

// 我的 html 绑定

<select data-bind="options: $root.operators , optionText: 'name', optionvalue: 'Id', value: operator"/>

//这里的'operator'是数据库中的colomnName，我试图以整数格式存储这个东西。

但根据我的代码，它的输出显示为

[object object]

如何从选择菜单中显示和选择“name”属性 [varchar] 并将相应的“id”属性 [int] 存储到我的数据库中。

//@TSV

html 绑定

 <div data-bind="with: jobs">
      <div>
        <label>FirstNumber :</label>
        <input data-bind="value: first_no" />
    </div>

         <div>
        <label>operator :</label>
         <select data-bind="options: $root.operators , optionsText: 'name', optionsValue: 'id', value: $root.operator"/>
    </div>
     <div>
        <label>Second Number:</label>
        <input data-bind="value: second_no" />
    </div><div>
        <label>Result :</label>
        <input data-bind="value: result" />
    </div></div>

// these(result,second_no,operator,first_no) 是我数据库中的列名，'jobs' 是一个 observableArray。

注意：我正在使用breathJS从数据库中获取和存储数据，这就是我提到它的标签的原因，尽管上面的问题是淘汰赛而不是微风。

Answer 1

此代码适用于我：

var operators = [
{id: 0, name: 'addition'},
{id: 1, name: 'subtraction'},
{id: 2, name: 'division'},
{id: 3, name: 'multiplication'}
   ];

ko.applyBindings({ operators: operators, operator: ko.observable(2) });

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>

<select data-bind="options: $root.operators, optionsText: 'name', optionsValue: 'id', value: 
$root.operator"/>

我已在您的代码中修复了以下问题：在“division'}”之后插入逗号，更正了“optionsText”和“optionsValue”参数，optionsValue 应为“id”。