我有2个下拉列表。当我从一个下拉列表中选择值时,它会根据选择的内容在另一个下拉列表中加载值。从另一个下拉列表中选择值时从下拉列表中加载所选值
这里是我的html代码
<select data-bind="options: filters, value: filter"></select>
<select data-bind="options: filteredItems, optionsText: 'name'"></select>
这里是我的淘汰赛代码
var ViewModel = function(data) {
var self = this;
self.filters = ko.observableArray(data.filters);
self.filter = ko.observable('');
self.items = ko.observableArray(data.items);
self.filteredItems = ko.computed(function() {
var filter = self.filter();
if (!filter || filter == "None") {
return self.items.slice(0, 6);
} else {
return self.items.slice(2);
}
});
};
var initialData = {
filters: ["None", "Old", "New", "Super"],
items: [{ name: "Corvette", type: "Old"},
{ name: "Charger", type: "Old"},
{ name: "Prius", type: "New"},
{ name: "Magnum", type: "New"},
{ name: "McLaren", type: "Super"},
{ name: "Saleen", type: "Super"}]
ko.applyBindings(new ViewModel(initialData));
当我选择类型为无则选择所有的汽车,如果我选择无以外的类型,那么它应该只选择“充电器”和“Magnum”
这是链接到fiddle
很好,小提琴似乎根据你想要的东西的工作,不是吗? – Jalayn 2013-04-25 17:30:22
@Jalayn y小提琴加载前2个值,当我选择类型非无 – DevelopmentIsMyPassion 2013-04-25 17:52:25
与我的更新它是否适合你? – Jalayn 2013-04-25 18:10:15