如果在同一下拉列表中选择A和B，如何禁用C？

Question

我创建了一个多下拉菜单。我如何去禁用选项＆＃34; C＆＃34;什么时候＆＃34; A＆＃34;和＆＃34; B＆＃34;同时选择？此外，有没有办法初始化一个按钮，将所选的值返回到＆＃34; -Gender - ＆＃34;并重新加载默认图表？如果你能提供一个非常棒的小提琴示例！

<select id="list" name="list" multiple="multiple">
<option select disabled>-Gender-</option>
<option value="A">Female</option>
<option value="B">Male</option>
<option value="C">Both</option>
</select>

Answer 1

这是一个快速示例...基本上在jQuery函数中，您需要检查选择了哪些选项，然后执行禁用逻辑...这是一个模板：

https://jsfiddle.net/6kdthxgr/3/

const list = $('#list');
const both = list.find('option:last-child');

list.on('change', () => {
  if (list.find('option:selected').length === 2 &&
    !both.prop('selected')) {
    both.prop("disabled", true);
  }
});