Javascript 一次启用一个选项组 加里 瓦尔帕莱索 东芝加哥 南本德 埃尔克哈特 华沙

我的下拉列表中有多个

s。我正在使用multiselect插件。如何限制仅选择一个optgroup选择？也就是说，当一个组中的一个选项被选中时，其他组中的选项应该被禁用。

听起来您想要这样的选项。根据您的要求，如果所有选项都被禁用，您将如何从不同的选项组中进行选择

<select name="campus">    
    <optgroup label="Northwest">
        <option value="1">Gary</option>
        <option value="2">Valparaiso</option>
        <option value="3">East Chicago</option>
    </optgroup>
    <optgroup label="North Central">
        <option value="4">South Bend</option>
        <option value="5">Elkhart</option>
        <option value="6">Warsaw</option>
    </optgroup>
</select>

---

这里有一个请提供将成为事件处理程序的

元素。没有这一点，我们无法进一步编码

也就是说，如何确定某些项目是否被阻止

根据您提供的信息，而不知道您的处理程序。。。
HTML:

$('select').on('change', function () {

    var selectedGroup = $('option:selected', this).parent();

    $('optgroup', this).not(selectedGroup).prop('disabled', true);
});

<select name="campus" id="selCampus">    
    <optgroup label="Northwest" id="northWest">
        <option value="1">Gary</option>
        <option value="2">Valparaiso</option>
        <option value="3">East Chicago</option>
    </optgroup>
    <optgroup label="North Central" id="northCentral">
        <option value="4">South Bend</option>
        <option value="5">Elkhart</option>
        <option value="6">Warsaw</option>
    </optgroup>
</select>

您忘记发布您尝试的JavaScript。但是用户应该仍然能够从一个组中选择多个选项？如果不是，为什么要使用multi-select？也就是说，当你想限制它的时候。你还有其他复选框吗？或者这是解释按钮或表单元素的值？谢谢您的更新。是的，我还有一个复选框。我正在使用erichynds.com/examples/jquery-ui-multiselect-widget/demos中的multiselect插件。当我们选择一个选项组时，其他人应该禁用，如果再次取消选择其他人应该启用，我如何返回到其他县的选择，可能是错误单击？（我知道，海报提供了不太理想的信息lol）谢谢你的更新。它在JSFIDLE中运行良好，但对于我的代码来说不是这样，我使用的是来自的multiselect插件。当我们取消选择一个选项组时，其他人应在您链接到的演示页面中再次启用该选项组，该页面存在应用程序问题，并返回服务器错误。我提供的答案确实回答了您的问题，但正如我在自己的问题中所提到的，实际上并不能解决问题。你需要用你自己的相关代码更新你的帖子，或者写下你自己的演示小提琴，这样我们才能确切地知道你想做什么。这应该是动态的，我们可以选择任何小组。如何获得那一秒。。。这叫做
参数
，我还是很困惑。您是否能够将参数加载到每个HTML页面？谢谢您的更新。它在JSFIDLE中运行良好，但对于我的代码来说不是这样，我使用的是来自erichynds.com/examples/jquery-ui-multiselect-widget/demos的multiselect插件。当我们取消选择一个选项组时，其他人应再次启用该选项组
$('#selCampus').on('click', function(){
    $('#northCentral').hide();
});