knockout.js/如何响应绑定下拉列表中的更改事件

应该发生的是页面加载，它调用服务器以获取有关订单的信息（此时它只是可能的订单类型和当前订单类型的id的列表）。加载后，select的值应设置为"selected_order_type"。

然而，它看起来只是在列表中选择它，而实际上并没有将选择项的"值"设置为当前值。例如，在我的示例中，它在加载时选择第二个选项。如果我然后单击第三个选项，一切都正常如果我先单击第一个选项，什么都不会发生，我假设它是因为它仍然具有第一个选项值，即使它将第二个选项显示为所选选项。（我用了几个小时，只是想弄清楚它是如何工作的）。

<select id="order_type_select"
                    data-bind="options:order_types,
                      optionsText:'order_type',
                      optionsValue:'order_type_id',
                      value:selected_order_type"/>
function update_order_field(order_id,field,value){
    var url = '/op/update_order_field'
    data = {'order_id':order_id,'field':field,'value':value};
    console.log(url);
    console.log(data);
}
function refresh_order_data(order_id,view_model){
    $.getJSON("/op/order_json/"+order_id,function(data){
        ko.mapping.fromJS(data,view_model);
    });
    console.log(view_model.selected_order_type);
}
function OrderData(){
    var self = this;
    self.order_types = [{}]
    self.selected_order_type = '0'
    return self
}
$(document).ready(function() {
    var order_id = $("#order_id").attr('order_id');
    var view_model = ko.mapping.fromJS(new OrderData());
    view_model.selected_order_type.subscribe(function(data){
        console.log(data);
    });
    refresh_order_data(order_id,view_model);
    ko.applyBindings(view_model);
});

初始加载时来自服务器的数据。。。

{
    order_types: [
        { order_type_id=1, order_type="Phone"},
        { order_type_id=2, order_type="Fax"},
        {order_type_id=3, order_type="Web"}
    ],
    selected_order_type = '2' 
}