输入框选项下拉

Question

我期待创造这样的事情：

http://konigi.com/interface/kontain-search

alt text http://s3.amazonaws.com/konigi/interface/kontain-search-2.png

我不认为任何人有可能引导我的任何资源？我知道我没有提供太多的信息，但我不知道从哪里开始寻找。

干杯！

编辑对不起，我的意思只是下拉/输入框，没有其他在该网站上。

再次编辑下拉列表内的输入框，因此为什么我想知道。

Answer 1

它可能与这些例子类似，但只有一个主要项目。并用jquery操纵每个“li”并采取行动

example 1 | example 2 | example 3 | example 4

版本回答：这是用css完成的。 全部包含在div - > input +菜单中。 为输入被删除的边框样式和背景颜色与容器div相同。

Answer 2

那么，你把搜索表单的一部分放在一个隐藏的div中，当用户单击或悬停在某个其他元素上时，在窗体内部或外部弹出它。根据需要使用CSS来定位div。不确定你可能会遇到什么问题。

也许你可以更具体，并在几个更集中的问题中解决这个问题？

Answer 3

我没有钻入网站，但从逻辑的角度来看，也许搜索框和下拉是“内部”的另一个元素（div？），形成复杂的控制...和只是格式化（CSS）/动作（jQuery）放置在这些上。

<div id="searchDiv"> 
    <div id="searchText"></div> 
    <div id="searchDropdown"></div> 
    <div id="searchButton"><div> 
</div> 

很容易设置这样的东西。

Answer 4

我认为发生了什么并不是说输入框中的下拉菜单是输入框铬，而是隐藏在输入框中，并与下拉菜单一起放在输入框中。