jQ，js控制select下拉框显示

最新推荐文章于 2024-07-29 12:13:58 发布

是九叔啊

最新推荐文章于 2024-07-29 12:13:58 发布

阅读量7.2k

点赞数

分类专栏：前端开发文章标签：点击控制select显示

本文链接：https://blog.csdn.net/qq_39425864/article/details/81456634

版权

前端开发专栏收录该内容

19 篇文章 0 订阅

订阅专栏

刚开始遇到这玩意觉得很简单以为加一行$('select').click(）就好了，其实不是的

我这个原理是用点击穿透事件的适用于你点击的div或者图片是覆盖在select上面的

废话少说贴代码吧

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
	#click_me{
		pointer-events: none;border: 1px solid;background: white;padding-right: 10px;
	}
	select,div{position: absolute;top: 0;left: 0;}
</style>
</head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<body>
<!-- 通过点击 ＞ 实现触发select(有时为了样式的美观需这样处理)-->
<select>
   <option value="">123</option>
   <option value="">456</option>
   <option value="">789</option>
</select>   
<div id="click_me">dianji</div>
<script>
$(document).ready(function() {
   $('select').click(function() {
   	console.log(123)
      $('#click_me').hide()
      
   });
});
</script>
</body>
</html>