Jquery 在带有选项组的多个选择框中选择唯一选项

我有一个带有选项组的多选择框，如：

<select id="sel_salaryrange" name="salaryranges[]" size="8" multiple="1">
    <optgroup label="PKR" class="PKR">
        <option value="1">15000 - 20000</option>
        <option value="2">18000 - 35000</option>
        <option value="3" selected="selected">50000 - 100000</option>
    </optgroup>
    <optgroup label="SAR" class="SAR">
        <option value="4">1000 - 2000</option>
        <option value="6" selected="selected">3000 - 5000</option>
    </optgroup>
    <optgroup label="USD" class="USD">
        <option value="5">1000 - 3000</option>
    </optgroup>
</select>

15000 - 20000
18000 - 35000
50000 - 100000
1000 - 2000
3000 - 5000
1000 - 3000

i、 e.有3个选项组名称：“PKR”、“SAR”和“USD”，其中在“PKR”和“SAR”选项组中选择了2个项目。现在我想禁止在同一个选项组中进行多次选择，如何通过jQuery或JavaScript解析，最好是jQuery

在这方面，我将非常感谢你

谢谢

试试这个：

$('select#sel_salaryrange option').mousedown(function() {
    $(this).parent().find('option:selected').removeAttr('selected');
});

当用户单击某个选项时，此代码将清除当前optgroup中的所有选择，并允许选择单击的选项

此代码有一个明显的缺点：用户仍然可以使用键盘选择多个值

---

我宁愿使用单独的无线电输入，或者至少使用单独的选择，而不是多个

这一个有点棘手-我不认为有任何合适的事件可以在

标签上收听，以便在选择它们时进行检查。您必须监听

标签上的

更改
事件，并跟踪所选内容和非您自己的内容

你可以把它分成几个没有代码< >多个属性> 
属性吗？
你应该考虑到你的用户没有启用JavaScript。JavaScript总是在最终用户机器中启用。实际上，我想要同一个具有多个选项的选择框。这是模块要求。@user242437:可能要求应该更改。谢谢您的回复，但请您也给我一些提示，以避免键盘输入。