jQuery 在悬停事件上更改选择列表 selectedIndex 并发送点击？答案

【问题标题】：jQuery change select list selectedIndex on hover event and also send click?jQuery 在悬停事件上更改选择列表 selectedIndex 并发送点击？
【发布时间】：2010-12-18 23:14:08
【问题描述】：

我的页面上有一张图片，当悬停时会更改选择列表的 selectedIndex。

// change the selected index of the select list on element hover
$("#mySelectList").attr('selectedIndex', 1); // works

选择列表还会在更改时触发另一个功能。这在我手动更改选择列表中的选项时有效，但在我更改悬停事件上的 selectedIndex 时无效（上面的代码）。

我的问题，有没有办法我也可以发送“点击”事件或类似的东西？基本上我希望能够更改选择列表的 selectedIndex 并让它触发其他功能。

【问题讨论】：

标签： jquery

【解决方案1】：

您可以尝试触发更改（或单击或其他）事件。

$('#mySelectList').trigger('change');

或

$('#mySelectList').trigger('click');

设置选定的索引后

【讨论】：

谢谢！ $('#mySelectList').trigger('change');工作。由于某种原因，“点击”不起作用。

【解决方案2】：

您可以触发select 控件的onchange 事件：

How do I programmatically force an onchange event on an input?

只需使用：

$("#mySelectList").onchange()

【讨论】：

【解决方案3】：

为什么不将你在点击事件中正常执行的函数重构为 JavaScript 函数，然后直接调用呢？

【讨论】：

嗨 rcravens - 我需要它从选择列表中调用函数，因为选择列表将值传递给函数。我确信有一种方法可以超越通过选择列表并直接从原始元素上的悬停/单击事件调用该函数。只是还没想通。但是 trigger('change') 现在可以工作了。