首先看看效果
功能：点击下拉框输入框，自动显示以下下拉列表，并根据输入框中添加的输入搜索自动搜索背景，然后将其发送到前台显示页面。
JS：
复制代码代码如下所示：
VaR xialaselect美元；
$（文档）Ready（函数（）{）
initxialaselect（）；
initsearch（）；
}）；
无功temptimeout = null；
var查询；
功能searchdev（关键）{
（键=返回）；
查询=键；
ClearTimeout（temptimeout）；
temptimeout = setTimeout（findunsaved，500）；
}
findunsaved（）函数
{
警报（）；
如果（1＝1）返回；
$ ajax（{
类型：邮政
数据：{ 'query：查询}，
网址：路径+ / TList。动作
成功：函数（数据）{
Xiala（数据）；
}，
错误：函数（数据）{
警报（）加载失败，请再试一次！；
}
}）；
}
initsearch（）函数
{
定义一个下拉按钮层，以及添加到文本框的配置样式（位置、位置坐标、大小、背景图像、z轴）。
xialadiv美元= $（）。Css（下'，将'）。Css（右，$（' #省）。位置（）。左+ $（' #省）。Width（）- 15 + 'px）
$（#省）。位置（（前）+ 4 + 'px）。Css（背景，'transparent URL（。 /图像/拉拉。GIF）没有重复的顶部）
15px）。Css（'z-index，100）；
$（#省）后（xialadiv美元）；
将鼠标放入后台位置更改
xialadiv.mouseover美元（函数（）{（）
xialadiv.css美元（'background-position '，' 0% 16px）；
}）；
修改背景位置/鼠标
xialadiv.mouseout美元（函数（）{（）
xialadiv.css美元（'background-position '，' 0% 0px）；
}）；
鼠标点击改变背景图像位置
xialadiv.mousedown美元（函数（）{（）
xialadiv.css美元（'background-position '，' 0% 32px）；
}）；
修改背景位置/释放鼠标
xialadiv.mouseup美元（函数（）{（）
xialadiv.css美元（'background-position '，' 0% 16px）；
如果（$ xialaselect）
xialaselect.show美元（）；
}）；
$（#省）。Mouseup（function（）{）
xialadiv.css美元（'background-position '，' 0% 16px）；
xialaselect.show美元（）；
}）；
}
无功firsttimeyes = 1；
文本框下拉框div
函数的Xiala（数据）{
第一次
如果（$ xialaselect）
{
xialaselect.empty美元（）；
}
定义一个下拉框层和配置样式（位置、位置坐标、宽度、z轴），它的第一个隐藏
定义五个选项，以及配置样式（宽度，z轴比下拉框，添加名称和值高度）属性，添加下拉框图层
xialaselect.append美元（数据）；
如果（firsttimeyes = 1）
{
firsttimeyes = firsttimeyes + 1；
其他{ }
xialaselect.show美元（）；
}
}
initxialaselect（）函数
{
xialaselect = $（$）。CSS（下'，将'），Css（'overflow-y '，'scroll）。Css（'overflow-x '隐藏'），Css（'overflow-x）。
（' '，$（' #省）。位置（）。顶+ $（' #省）。Height（）+ 6 + 'px）。Css（'width，$（' #省）。Width（+）+）。
$（#省）后（xialaselect美元）；
选项层鼠标移动了样式。
xialaselect.mouseover美元（功能（事件）{）
如果（$（事件。目标）。Attr（'name'）= = 'option'）{
在背景颜色中，白色单词
$（事件。目标）。Css（'background-color '，' # 000077'），Css（色彩，）；
$（事件。目标）。Mouseout（function（）{）
删除背景颜色是白色黑色，颜色词
$（事件。目标）。Css（'background-color '，' # ffffff）。Css（色彩、# 000000）；
}）；
}
}）；
通过单击位置，确定弹出式显示。
xialaselect.mouseup美元（功能（事件）{）
如果是下拉按钮或下拉框，仍然显示下拉框层。
如果（event.target = = $（0）xialaselect.get event.target（0）| | = = xialadiv美元。得到）{
xialaselect.show美元（）；
}
{其他
如果选项为，请更改文本框的值。
如果（$（事件。目标）。Attr（'name'）= = 'option'）{
观察值
$（# NCE）。瓦迩（$（事件。目标）。Html（））；
$（# D'）。瓦迩（$（事件。目标）。Attr（D））；
/ /如果选主机再隐藏的开发类型
如果（$（事件。目标）。Attr（驴）= = 3305）
{
$（#型）藏（）；
$（# OST）。瓦迩（1）；
其他{ }
$（#型），表明（）；
$(#ost).Val (-1);
}
}
如果其他位置，将下拉框层。
如果（$ xialaselect.css（显示器）= =阻止）{
$xialaSELECT.hide ();
}
}
}）；
xialaselect.hide美元（）；
}
var = 1；
onclick =点击；
功能点击（）
{
如果（k＝2）{
k＝1；
如果（$ xialaselect）
{
如果（$ xialaselect.css（显示器）= =阻止）{
xialaselect.hide美元（）；
}
}
其他{ }
k＝2；
}
}

复制代码代码如下所示：
{。CBA
宽度：150px；
身高：18px；
}
{ Selectlala。
文本对齐：左对齐；
行高：20px；
左：5px填充；
宽度：147px；
字体家庭：Arial，Verdana，宋体；
身高：20px；
}