jQ,js控制select下拉框显示

窦宏旷
2023-12-01

刚开始遇到这玩意觉得很简单  以为加一行$('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>

 

 类似资料: