处理点击select之外的元素来触发select下拉

最新推荐文章于 2022-07-07 17:24:03 发布

2012013977

最新推荐文章于 2022-07-07 17:24:03 发布

阅读量1.1w

点赞数

分类专栏： js

js 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src="./jquery-1.7.2.min.js"></script>
<body>

城市：<select name="one" id="one">
<option value="">安徽</option>
<option value="">南京</option>
<option value="">上海</option>
</select>
<span id="des" style="margin-left:100px;">＞</span>
<script>
$(document).ready(function() {
$('#des').click(function() {
open($(this).prev('select'));
});
});
function open(elem) {
if (document.createEvent) {
var e = document.createEvent("MouseEvents");
e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
elem[0].dispatchEvent(e);
} else if (element.fireEvent) {
elem[0].fireEvent("onmousedown");
}
}
</script>
</body>
</html>