大下拉框过滤 Filtering Large Select Lists(GPL开源协议)

desert3

浏览: 2159629 次
性别:
来自: 合肥

最近访客更多访客>>

chengdou237

wukong0188

novagx

bijian1013

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

Filtering Large Select Lists

<html><head>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<title>Filterlist Example</title>

<!-- Load the javascript code -->
<script type="text/javascript" src="example_files/filterlist.js"></script>

</head>
<body>
<h1>Filterlist Example</h1>

<form name="myform" action="">

<select name="myselect" size="5">
 <option>Keanu Reeves
 </option><option>Laurence Fishburne
 </option><option>汉字
 </option><option>汉语
 </option><option>Nona Gaye
 </option><option>Lachy Hulme
 </option><option>Nathaniel Lees
 </option><option>Harry J. Lennix
 </option><option>Matt McColm
 </option><option>Carrie-Anne Moss
 </option><option>Collin Chou
 </option><option>Genevieve O'Reilly
 </option><option>Harold Perrineau Jr.
 </option><option>Jada Pinkett Smith
 </option><option>Adrian Rayment
 </option><option>Neil Rayment
 </option><option>Bruce Spence
 </option><option>Hugo Weaving
 </option><option>Lambert Wilson
 </option><option>Anthony Wong
</option></select>

<script type="text/javascript">
<!--
var myfilter = new filterlist(document.myform.myselect);
//-->
</script>

<p>
Filter:
<a href="javascript:myfilter.reset()" title="Clear the filter">Clear</a>
<a href="javascript:myfilter.set('^A')" title="Show items starting with A">A</a>
<a href="javascript:myfilter.set('^B')" title="Show items starting with B">B</a>
<a href="javascript:myfilter.set('^C')" title="Show items starting with C">C</a>
<a href="javascript:myfilter.set('^D')" title="Show items starting with D">D</a>
<a href="javascript:myfilter.set('^E')" title="Show items starting with E">E</a>
<a href="javascript:myfilter.set('^F')" title="Show items starting with F">F</a>
<a href="javascript:myfilter.set('^G')" title="Show items starting with G">G</a>
<a href="javascript:myfilter.set('^H')" title="Show items starting with H">H</a>
<a href="javascript:myfilter.set('^I')" title="Show items starting with I">I</a>
<a href="javascript:myfilter.set('^J')" title="Show items starting with J">J</a>
<a href="javascript:myfilter.set('^K')" title="Show items starting with K">K</a>
<a href="javascript:myfilter.set('^L')" title="Show items starting with L">L</a>
<a href="javascript:myfilter.set('^M')" title="Show items starting with M">M</a>
<a href="javascript:myfilter.set('^N')" title="Show items starting with N">N</a>
<a href="javascript:myfilter.set('^O')" title="Show items starting with O">O</a>
<a href="javascript:myfilter.set('^P')" title="Show items starting with P">P</a>
<a href="javascript:myfilter.set('^Q')" title="Show items starting with Q">Q</a>
<a href="javascript:myfilter.set('^R')" title="Show items starting with R">R</a>
<a href="javascript:myfilter.set('^S')" title="Show items starting with S">S</a>
<a href="javascript:myfilter.set('^T')" title="Show items starting with T">T</a>
<a href="javascript:myfilter.set('^U')" title="Show items starting with U">U</a>
<a href="javascript:myfilter.set('^V')" title="Show items starting with V">V</a>
<a href="javascript:myfilter.set('^W')" title="Show items starting with W">W</a>
<a href="javascript:myfilter.set('^X')" title="Show items starting with X">X</a>
<a href="javascript:myfilter.set('^Y')" title="Show items starting with Y">Y</a>
<a href="javascript:myfilter.set('^Z')" title="Show items starting with Z">Z</a>

</p><p>

<!--
Note: if you have a very large select list,
you should deactivate the real-time filtering
on the INPUT field below - remove the onKeyUp attribute.
-->
Filter by regular expression:<br>
<input name="regexp" onkeyup="myfilter.set(this.value)">
<input onclick="myfilter.set(this.form.regexp.value)" value="Filter" type="button">
<input onclick="myfilter.reset();this.form.regexp.value=''" value="Clear" type="button">

<br>

<input name="toLowerCase" onclick="myfilter.set_ignore_case(!this.checked)" type="checkbox">
Case-sensitive

</p></form>



</body></html>

filterlist.rar (5.1 KB)
下载次数: 9

分享到：

jquery serialize()方法自动编码后，后台使 ... | Eclipse 常用设置&操作

2011-07-12 09:39
浏览 1249
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

大下拉框过滤 Filtering Large Select Lists(GPL开源协议)

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

大下拉框过滤 Filtering Large Select Lists(GPL开源协议)

评论

发表评论

相关推荐

knockoutjs 变量引用方式、怪异问题排查

Javascript Closures闭包、为什么要闭包（闭包作用）、变量作用域

Javascript函数、变量的初始化顺序、Javascript上下文环境

Javascript函数：函数声明、函数表达式、NFE被命名的函数表达式

Javascript alert object、JavaScript版本迷局

knockoutjs -- if 绑定

jquery Fixture 插件

CoffeeScript

javascriptmvc 3.2.2

knockoutjs -- all built-in buildings

knockoutjs -- applyBinding & Observables

knockoutjs -- load save data（与服务器进行数据交互） & binding绑定

使用ajax和history.pushState无刷新改变页面URL onpopstate（转）

knockoutjs 单页引用 客户端重定向（location.hash history.pushState）

knockoutjs foreach array绑定 表格 下拉框绑定

knockoutjs 静动态数据、行为绑定，计算属性及Sync同步更新 Value值更新事件控制

knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI

jquery-validation-1.9.0

textarea文本框限制输入文本数量（Firefox，Chrome，Safari）、Javascript取得字符ASCII码值、常见字符ASCII码值

JavaScript高级程序设计读书笔记-事件

最近访客更多访客>>

knockoutjs 单页引用客户端重定向（location.hash history.pushState）

knockoutjs foreach array绑定表格下拉框绑定