首页 新闻 会员 周边 捐助

怎么用js 控制 html中select 下拉框的关闭

0
[已解决问题] 解决于 2012-10-19 09:28

我想点击select后,在它下方显示一个树,所以不希望显示select自身的下拉框,请问怎么做到单击select后立即关闭下拉框,我用jquery 的focus()但是无效。

luotong的主页 luotong | 初学一级 | 园豆:4
提问于:2012-01-26 01:47
< >
分享
最佳答案
0

如果不需要下拉框,那么可以不用<select>,网上那些点击后下面弹出自定义选项的,都不是用的<select>,而是通过CSS画出的类似<select>样子的标记,比如<div>、<span>等

最简单的方法,在那个地方放个下拉框样子图片,然后点图的时候弹出你下面那个树

BTW:<select>的下拉是没办法通过JS来关闭的,那个是浏览器本身的行为

奖励园豆:5
丁学 | 专家六级 |园豆:18730 | 2012-01-26 07:41
其他回答(2)
0

默认的select控件是比较难控制的,一般都是通过模拟来实现...

三桂 | 园豆:3565 (老鸟四级) | 2012-01-31 18:27
0
<!DOCTYPE html>
<html>
<head>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

<select id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<script>
// 我相信用户是可以接受若干毫秒的闪烁。同时该组件又能保持change等一系列原属性
$('#select').on('focus', function() {
    $(this).hide();
    setTimeout(function(self) {
        self.show();
    }, 0, $(this))
});
</script>
</body>
</html>
kenberkeley | 园豆:204 (菜鸟二级) | 2015-11-06 20:30

谢谢,亲测可用。就是我想要的效果。只是已经无法设为最佳答案了。

支持(0) 反对(0) luotong | 园豆:4 (初学一级) | 2015-11-22 22:23
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册