jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 在带有optgroup的select中使用selectedOptions knockout绑定预选多个值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ELLO,

我已经尝试了所有选项来制作一个带有optgropus的(多个)选择框,并将选项/ SELEctedoptions与knockout绑定.

SELEctedoptions绑定似乎存在问题.我的数据似乎是合法的,但它不会显示预选的选项.

我在JSfiddle:@L_502_0@中做了一个例子

<SELEct data-bind="SELEctedoptions: SELEctedoptions" multiple="multiple">
<option>Please choose an option</option>
<optgroup data-bind="repeat: groups" data-repeat-bind="attr: {label: $item().label}">
    <option data-bind="repeat: $item().children" data-repeat-bind="text: $item().label,option: $item()"></option>
</optgroup>

使用单个选定选项它可以工作,但是有多个选择选项,选择框不能正确渲染它们.

如果任何人有解决这个问题的@L_197_6@,你将成为我的英雄!

解决方法

应用 this之类的绑定后,可以推送它们:

this.SELEctedoptions = ko.observableArray([]);

//The single SELEcted option
this.SELEctedoption = ko.observable(SELEcted1);    

var vm = new viewmodel()
ko.applyBindings(vm);
var SELEcted1 = vm.groups()[1].children()[1];
var SELEcted2 = vm.groups()[1].children()[0];
vm.SELEctedoptions.push(SELEcted1);
vm.SELEctedoptions.push(SELEcted2);

大佬总结

以上是大佬教程为你收集整理的jquery – 在带有optgroup的select中使用selectedOptions knockout绑定预选多个值全部内容,希望文章能够帮你解决jquery – 在带有optgroup的select中使用selectedOptions knockout绑定预选多个值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。