Select下拉列表类(支持输入模糊查询) - Javascript经典专区 - JS组件 - JS控件

当前位置：首页 > 界面组件 > 文章内容

Select下拉列表类(支持输入模糊查询)

来源：51js.codecn 发布时间：2008-09-01 阅读次数：

[摘要]:

支持FF2和IE6,FF3没有测试.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> xSelectList Demo </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
下拉列表控件演示
<div id="demolist"></div>
<div>
<HR>
基于select生成
<BR>
<select id="vlist">
<option value="1">Item1</option>
<option value="2">Item2</option>
<option value="3" selected>Item3</option>
<option value="11">Item11</option>
<option value="22">Item22</option>
<option value="33">Item33</option>
<option value="4">Item4</option>
<option value="44">Item44</option>
<option value="4">Item4</option>
<option value="44">Item44</option>
<option value="4">Item4</option>
<option value="44">Item44aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</option>
<option value="a">a</option>
<option value="aa">aa</option>
<option value="ap">ap</option>
<option value="app">app</option>
</select>
</div>
<HR>
基于input生成
<div>
<input id="xlist" value="">
</div>
<div>
<HR>
基于div生成
<BR>
<div id="zlist"></div>
</div>
&nbsp;<BR>
<span id="ylist"></span>
</BODY>
</HTML>
<script language="javascript">

</script>

提示：您可以先修改部分代码再运行

由编辑