Select2 - 选择一个optgroup下的选项时,禁用其他optgroup下的选项

时间:2015-11-08 23:36:45

标签: javascript meteor jquery-select2

我在Meteor中使用select2。我有一个下拉列表,其中包含按日期分组的检查(约会)。当我选择检查时,我希望在被选中的任何其他日子禁用检查。因此,只能选择同一天的检查。我已禁用选项,但我无法让列表保持打开状态,并且每次选择时都会出错。任何见解将不胜感激。这就是我所拥有的:

HTML:

ViewPager

使用Javascript:

select(name='inspectionId' id='inspections-js' class='form-control' multiple='multiple' required)

选项选择错误:

Template.reportsNew.rendered = ->
   $('#inspections-js').select2(closeOnSelect: false)


'change #inspections-js': (e)->
   # Disable options not on the same day as the selected option.
   selectedOptGroup = $(e.target).select2().find(':selected').parent('optgroup')
   otherOptGroups = $(e.target).find('optgroup').not(selectedOptGroup)
   $(otherOptGroups).find('option').prop('disabled', true)

enter image description here

0 个答案:

没有答案