淘汰赛选择数据绑定

Question

我是淘汰赛的新手，并且遇到了有关使用数据绑定和“选项”绑定的问题。 我希望有两个下拉列表，其中包含数据库中的数据。 我可以使第一个工作，但是即使以相同的方式实现，第二个也不会出现。 只有第一个下拉列表会显示在页面中，其中包含所有正确的数据。 但是第二个应该与所有房间名称一起出现的名字却没有出现。 但是，当我删除第一个时，第二个工作。 我显然在这里错过了什么，那会是什么？

这是我的HTML代码：

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

这是Java脚本代码：

function BookingSystemViewModel() {
    var self = this;
    self.employees = ko.observableArray();
    self.meetingRooms = ko.observableArray();

    $.get( "/WebApi/API/Employees", function(data) {
        self.employees(data);
    });

     $.get( "/WebApi/API/MeetingRooms", function(data) {
        self.meetingRooms(data);
    });

Answer 1

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

您是说应该将value写入到视图模型中没有的可观察到的名为Id 。 也许您正在寻找optionsValue ，该值用于定义要用作所选对象的值的属性。