- 浏览: 2167165 次
- 性别:
- 来自: 合肥
-
文章分类
- 全部博客 (401)
- Agile (16)
- Apache Commons (3)
- Architecture (8)
- DB.MongoDB (5)
- DB.Mysql (3)
- DB.Oracle (34)
- DirectoryService (1)
- DotNet (1)
- English (3)
- Groovy (0)
- Html (28)
- Java (67)
- Java.Aixs (7)
- Java.Cache (2)
- Java.jPBM (1)
- Java.Resin (6)
- Java.Spring (4)
- Java.Struts2 (5)
- Java.Tomcat (16)
- Javascript (45)
- Javascript.Google Map (2)
- Javascript.Jquery (8)
- Life (15)
- Maven&Ant (4)
- Network (5)
- OS.Linux (45)
- OS.Windows (10)
- OS.Windows.Office (1)
- PlayFramework (15)
- Python (28)
- Reading notes (11)
- Security (13)
- Server.Apache (3)
- Server.Nginx (7)
- Test (6)
- Tool (15)
- Work.Solution (15)
- Other (20)
- SSO&CAS&Identity (13)
最新评论
-
hutuxiansheng123:
防火墙、Iptables、netfilter/iptables、NAT 概述 -
dacoolbaby:
非常棒的正则表达式,非常适用。万分感谢。
用python分析nginx的access日志 -
loot00:
您好! 我也遇到了相同的错误信息。我是用f_link_lob ...
LOB variable no longer valid after subsequent fetch -
feihangchen:
@OnApplicationStop public clas ...
Play framework 1.2.3 Jobs定时任务、异步任务、引导任务、触发任务、关闭任务 -
洞渊龙王:
谢谢了
www.w3.org被qiang导致logback报错:Connect reset
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
发表评论
-
knockoutjs 变量引用方式、怪异问题排查
2012-08-24 15:01 1549问题:使用knockoutjs的过程中,有时候会发现一些奇怪的 ... -
Javascript Closures闭包、为什么要闭包(闭包作用)、变量作用域
2012-08-10 14:00 2179转自:http://www.jb51.net/article/ ... -
Javascript函数、变量的初始化顺序、Javascript上下文环境
2012-08-07 15:57 1868参考:Initialization of functions ... -
Javascript函数:函数声明、函数表达式、NFE被命名的函数表达式
2012-08-07 15:45 1199参考: functions-declaration ... -
Javascript alert object、JavaScript版本迷局
2012-07-30 15:18 24881,使用alert(object.toSource()) 注 ... -
knockoutjs -- if 绑定
2012-06-14 16:22 13049参考:http://knockoutjs.com/ ... -
jquery Fixture 插件
2012-06-07 10:16 1531jQuery.Fixture插件是一个包含在javascrip ... -
CoffeeScript
2012-04-20 15:05 1833CoffeeScript是一个被编译成javascript的小 ... -
javascriptmvc 3.2.2
2012-04-19 17:10 1383JavaScriptMVC是一个以MIT协议开源的Javasc ... -
knockoutjs -- all built-in buildings
2012-04-16 16:12 1017所有可用的binding值 文字和显示:visible, t ... -
knockoutjs -- applyBinding & Observables
2012-04-16 15:35 4511applyBindings ko.applyBindings( ... -
knockoutjs -- load save data(与服务器进行数据交互) & binding绑定
2012-04-10 15:51 6065和服务器交互数据: Knockout 是一纯javascrip ... -
使用ajax和history.pushState无刷新改变页面URL onpopstate(转)
2012-04-10 13:20 11579var htmlData1 = $.ajax( ... -
knockoutjs 单页引用 客户端重定向(location.hash history.pushState)
2012-04-10 10:33 4420大部分现代的,相应的 ... -
knockoutjs foreach array绑定 表格 下拉框绑定
2012-04-09 16:04 11482动态表格使用observable arrays and the ... -
knockoutjs 静动态数据、行为绑定,计算属性及Sync同步更新 Value值更新事件控制
2012-04-09 15:24 9532data-bind="text: firstName ... -
knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI
2012-04-09 14:35 3832Knockout 是个JavaScript library,帮 ... -
jquery-validation-1.9.0
2012-04-07 15:52 4330jQuery验证插件: 简单高 ... -
textarea文本框限制输入文本数量(Firefox,Chrome,Safari)、Javascript取得字符ASCII码值、常见字符ASCII码值
2012-04-07 10:35 2283// focus用来对应Chrome浏览器往文本框拖入值 ... -
JavaScript高级程序设计读书笔记-事件
2011-11-09 16:53 1498JavaScript和HTML之间的交互是通过用户和浏览器操作 ...
相关推荐
Select2是一款强大的jQuery插件,它提供了丰富的自定义选项和优化的用户体验,包括搜索过滤(模糊查询)、多选、分页等功能,极大地提升了下拉框的可用性。 标题"下拉框带模糊查询引入select2组件"指的是将Select2...
《layui-多选下拉框-xm-select:前端开发中的高效解决方案》 在现代Web开发中,用户界面的交互性和易用性是至关重要的。layui框架以其轻量级、高效和丰富的组件库,成为了众多开发者青睐的选择。尤其在构建多选...
多选下拉框的基本结构通常包括一个隐藏的`<select>`元素和一组可见的`<label>`与`<input type="checkbox">`。每个`<label>`包裹一个`<input>`,并与其关联一个`<option>`,通过`for`属性链接`<input>`与`<option>`...
要使用Bootstrap Select树形下拉框,首先确保已经引入了Bootstrap和Bootstrap Select的CSS和JavaScript文件。这些文件可以从Bootstrap官网或者CDN获取。同时,可能还需要引入一个专门处理树形结构的库,如jQuery ...
在网页设计中,美观的界面元素能够极大地提升用户体验。标题提到的“一款非常好看下拉框样式(select)”正是为了改善传统HTML `<select>` 元素的视觉效果。在这个项目中,开发者通过引入一个名为 `selectBox.htc` 的...