Javascript 在下拉选择选项悬停时隐藏/显示div $（“#下拉列表”）。在（'change'，function（）上{ 如果（$（this.val（）=“选项1”）{ $（“#diva”）.hide（） }否则{ $（“#divb”）.show（） } });

当选择下拉选择时，我使用上面的方法隐藏/显示div，这很有效。现在我需要加强这一点。我想在悬停下拉选项时隐藏/显示div。这也是一个选项吗？

您可以创建一个css类

hide {
 display: none;
}

然后在元素上添加悬停事件：

$('#dropdown-option').on('hover', function(e) {
  // Add class to your element or other div with .addClass(className) or .removeClass(className) 
});

或者（取决于你真正需要的行为）

你应该两个都测试

---

您还可以直接使用jQuery中的.hover（），如果您有很多选项，您的代码将成为一场噩梦。我建议在select中使用

数据-

属性和

选项


$（'mySelectOptions'）。在（'mouseover'，function（）{
//例如，允许您获取/设置所选Id
var idSelectedOption=$（this）.children（'option:selected'）.data（“idresult”）；
//显示所选选项的div，隐藏其他同级，或添加/添加更多类名以达到所需目的（&H）。
$（“#”+idSelectedOption.show（）.sides（'div'）.hide（）；
});

测试1
测试2
测试3
idresult的Div值=1
idresult的Div值=2
idresult=3的Div值
考虑改用CSS。我已经在选择时让它工作了。我正在寻找一个切换，而悬停的选项。
$('#div').on('mouseover', function(e) {
  // Add class to your element or other div
});