JS如何实现下拉框在鼠标悬浮时自动出现下拉框选项，鼠标离开则恢复原样

请问JS如何实现下拉框在鼠标悬浮时自动出现下拉框选项，鼠标离开则恢复原样

JavaScript 允泽 发布于 2023-4-24 11:38

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：0 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

YmengLv5中级互助
发布于2023-4-24 14:28

下拉框添加初始化事件

var self = this;

$('input',this.element).mouseover(function(){

if(self.$view.css('display')=='none'){

self.onTriggerClick();

}

});

setTimeout(function(){

$('.view-container').on("mouseleave",".fr-combo-list",function(){

var b=$(".fr-combo-list");

for(var i=0;i<b.length;i++){

if(b[i].style.display=='block'){

b[i].style.display='none';

}

});

},1000)

代码效果是鼠标移入下拉框控件，显示下拉，鼠标移出下拉，下拉收起

举报收起评论(3)

允泽(提问者) 厉害了，谢谢，已使用！

2023-04-24 14:30

用户CbyxS6808157 回复允泽(提问者) 为啥不触发？

2023-06-15 14:54

huazha444 我把这个js放在填报页面的单元格的下拉框里面，效果是正常的，鼠标移入出现下拉框列表，但是我选了弹出的值之后，提交单元格没有拿到控件值，该怎么调整一下啊

2025-09-16 16:19

congerLv6高级互助
发布于2023-4-24 11:44

参数面板还是单元格控件？

举报收起评论(1)

允泽(提问者) 参数面板

2023-04-24 13:20

5关注人数

1011浏览人数

最后回答于：2023-4-24 14:28

活动推荐更多

热门课程更多

FineBI6.X零基础入门
免费学习

请选择关闭问题的原因

确定取消

提问

悬赏者（0）

撤回悬赏（0）

添加悬赏

请选择关闭问题的原因