Question

请js高手帮忙看下，我想用select那个下拉按钮，但是点击的时候不想让它出现下拉框，怎么搞？

如果把select设置成disabled，那么颜色就不正常了。
我能想到的其他方式如截获鼠标左键事件，修改下拉框大小都没搞定，哪位高手还有办法？
感谢大家的回答，文本框+图片的方式我想到了，不过网页中其他列表选项是可以枚举的，所以用的是select。我希望和其他列表风格保持一致，所以想用select对象来弄。不同浏览器对select的解析效果是不一样的，所以用图片可能风格有差异。

Answer 1

不一定非得要用select标签去模仿,用图片更简单.
把那个下拉按钮截图,做成input type=text的背景图片,背景右对齐就行了.

那你可以试试禁止onmousedown,这个我在Firefox下试了试,是可以的,不知道其它浏览器怎样,你可以自己试试,代码如下:
<select onmousedown="javascript:return false;"><option>111</option></select>

追问

我也在firefox下试了，不行哦。其他浏览器也是。

追答

真奇怪,我在Firefox下试是可以的,不会展开下拉列表,在Chrome和Opera下也都可以实现,唯独IE没办法测试.难道和系统有关?我是非Windows平台.也可能是和声明的文档类型有关吧.我的测试代码,你可以自己试一下

111

Answer 2

不给select下面添加option，就写一个空的select。
<select></select>

追问

这样是不行的，你自己试试看就知道了。浏览器会解析成一个空列表。

Answer 3

我有点疑问啊
你要用Select下拉按钮，可是不想再点击它的时候出现下拉框
那请问你到底想实现的是啥啊
那还不如用文本框了啊

追问

就是我想要那个右边的按钮效果，点击的时候不出现下拉框而出现我自定义的图层什么的。
文本框没有右边的下拉按钮啊~

追答

嗯 我就估摸着你要实现那种效果 如日历空间（一般第三方控件的效果）
那是用JS 或者Jquery写好的脚本实现的
这个我还真没自己写过 我只是用过这类的效果
刚百度了下 有好些种方法实现呢？
组合附件，或者用文本框加图片实现的效果==