我希望能够通过单击链接来取消选择具有多个选择启用和选项组的选择菜单中的所有预选选项.

以下是菜单示例:

<select name="ddBusinessCategory" id="ddBusinessCategory" class="f1" style="width:280px;height:200px" multiple="multiple">
<option value="">Select One</option>
<optgroup label="Abrasives" style="background:#F5F5F5;border-bottom:1px #EEE solid">
<option value="4" selected="selected">Abrasives</option>
</optgroup>
<optgroup label="Abstracters" style="background:#F5F5F5;border-bottom:1px #EEE solid">
<option value="5">Abstracters</option>
</optgroup>
<optgroup label="Abuse Information &amp; Treatment Centers" style="background:#F5F5F5;border-bottom:1px #EEE solid">
<option value="6" selected="selected">Abuse Information &amp; Treatment Centers</option>
</optgroup>
<optgroup label="Accountants" style="background:#F5F5F5;border-bottom:1px #EEE solid">
<option value="7">Accountants</option>
<option value="2672">Certified Public Accountants - </option>
<option value="2673">Public Accountants - </option>
</optgroup>
<optgroup label="Accounting Services" style="background:#F5F5F5;border-bottom:1px #EEE solid">
<option value="8">Accounting Services</option>
</optgroup>
<optgroup label="Acoustical Materials - Wholesale &amp; …

动机:

我想动态加载一个select带有来自AJAX调用的值,并允许用户在加载后选择列表中的第一个项目,并在它获得焦点后,现在,第一个项目是所选项目,当您单击时下拉并单击第一项没有任何反应.我无法添加任何无效选择的占位符项.

题:

.change当重新选择/不更改当前选择的选项时,如何在jQuery中触发事件？

鉴于以下内容:

<select id="myoptions">
  <option id="one" >Option 1</option>
  <option id="two">Option 2</option>
</select>

假设选择了该选项one,我点击下拉列表并再次选择 one,会触发什么事件？

$('#myoptions').change(function() {
    alert('You selected something!');
}

如果我选择不同的东西,上面的代码可以工作,但如果我选择当前选择的选项没有任何反应.

换一种说法 :

如果我点击下拉列表并"选择"当前选择的选项,我该如何才能触发事件？

没有答案:

所有这些有关的建议trigger都没有解决方案,我需要的东西触发,当我点击上Option 1 使用鼠标时,Option 1已经是所选的选项.

我尝试过使用.click,然后也没有任何反应.

这些答案都不是第一次选择下拉列表的用例的有效解决方案,并且有人选择默认的选定选项.什么都没发生.

focusout 不是解决方案,直到有人点击其他地方才会发生这种情况,这在游戏中已经太晚了.