jquery-ui - 获取在选择的 JQUERY 中显示的另一个值对象

Question

如何从选定的单个 DropDown 中获取选定的 ID 值？

前任：

$("#select-id").chosen().val()

我得到了一个国家（名称）的值，但我需要 ID 与另一个 DropDown 链接。这个ID是States数组的索引，所以当我在另一个DropDown中选择一个Country时，会出现包含所有State项的数组。

Answer 1

查看 JsFiddle演示。我为你创建了一个简单的例子。那是你需要的吗？

ko.bindingHandlers.chosen = {
            init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
                $(element).chosen();            
            },
            update: function(element, valueAccessor, allBindingsAccessor, viewModel) {
                $(element).trigger("liszt:updated");         
            }
};

var viewModel = {
    sample : ko.observableArray([{"name": "Sample Option 1" , "value" : 1 } , {"name": "Sample Option 2" , "value" : 2 }, {"name": "Sample Option 3" , "value" : 3 }]),
    selectedItemOne : ko.observable(),
    selectedItemTwo : ko.observable(),
    showOne : function(){ alert(this.selectedItemOne()) },
    showTwo: function(){ alert(this.selectedItemTwo()) }
};

ko.applyBindings(viewModel);