在标准下拉列表中隐藏箭头?

时间:2010-03-22 13:00:57

标签: html css listbox

有没有办法在标准下拉列表选择字段集中隐藏箭头?

Fiddle link

我有一个自动完成系统,您可以在其中填写公司的组织编号,并根据数据库查找信息。我想要选择框,但没有箭头..

我需要它来做这个,因为它是一个双重功能形式,要么你可以填写你的ORG或只是手动输入,非常简单,可能在整个互联网上使用。

谢谢:)

4 个答案:

答案 0 :(得分:2)

凯尔, 通常,自动完成系统使用输入文本元素而不是select元素。这创造了你想要实现的目标。谷歌就是一个典型的例子。

如果你愿意,你可以看看jQuery的自动完成插件,以获得另一个例子和一些代码的想法,或者其他什么。 http://docs.jquery.com/Plugins/Autocomplete

答案 1 :(得分:1)

这并不容易,但你可以通过在一个选项上面放一个按钮来伪造它,它的size属性设置为大于0的值。

选择隐藏并完全定位在按钮下方。单击按钮显示列表。选择列表会更改按钮上的文本并重新隐藏选择。

答案 2 :(得分:1)

这样您就需要一个文本框,因为您无法在< select>中输入任何内容。标签。 并在此框中输入一个onclick事件,以打开包含所有可能值的自动完成功能。

答案 3 :(得分:0)

这篇文章可能很有用 - 使用css和jQuery的组合:http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx