jQ，js控制select下拉框显示
窦宏旷
刚开始遇到这玩意觉得很简单 以为加一行$('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>
类似资料：