参考这个页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML> <HEAD>
<META http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<META content= "MSHTML 6.00.6000.16441 " name=GENERATOR> </HEAD>
<BODY> <XMP> 我想做一个这样的输入框:它有一个下拉的可选列表,列表内容是已知的可能会输入文字;
在输入一个字或词后它会自动调整顺序,把前面几个字符匹配的选项移到上面来,如果没有匹配
的就不管你,让你自个儿输入。(当然,列表里已有的也可以用鼠标点击输入可用键盘选中输入)
其实说半天也就是象 IE 的地址输入框啦!
</XMP> <BR>
<INPUT id='txt' onkeydown='enterTips()' onkeyup='showtips();if(event.keyCode==27)c();'> (eg. ShanDong) <BR>
<SELECT id='sel' onkeydown='if(event.keyCode==13)rv()' style='DISPLAY:none;' onclick='rv()'> </SELECT>
<SCRIPT>
var msg = new Array( "Beijing ", "Tianjing ", "Shanghai ", "Guangdong ", "ShanDong ", "Shanxi ", "Hunan ", "Hubei ");
var msg2=new Array( "北京 ", "天津 ", "上海 ", "广东 ", "山东 ", "陕西 ", "湖南 ", "湖北 ");
function showtips()
{
eo=event.srcElement;
sel.length=0;
var len=msg.length;
var re=new RegExp( "^"+eo.value, "i")
var j=0
for(i=0;i <len;i++)
if(re.test(msg[i])==true)
{ sel.style.display= '';
sel.add(new Option(msg[i],msg2[i]));
j++
}
sel.size = (j> 1)?j:2;
}
function enterTips()
{
e=event.keyCode;
if(sel.style.display!= 'none')
{
if(e==13)
{
event.srcElement.value=sel.value;
sel.style.display= 'none';
}
if(e==40)
sel.focus();
}
}
function rv()
{
txt.value=sel.value;
c();
}
function c()
{
sel.style.display= 'none';
txt.focus();
}
document.onclick=function()
{
c();
}
</SCRIPT>
</BODY> </HTML>
分享到:
相关推荐
Autocomplete
jquery.autocomplete.js 、jquery.autocomplete.css
jquery.autocomplete.js 无法动态传参,好是纠结哦。研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, ...
asp.net仿百度的自动完成(autoComplete) 使用Jquery autocomplete.js插件来完成自动完成,可以从数据库中读取数据 ajax异步显示数据!云计算QQ研究群:96191559
jquery autocomplete实现输入框内容自动提示,ajax从后台数据库获取数据源。_renderItem定制结果格式
1.使用AutoComplete控件实现网页自动填充。仿照百度首页的自动填充。 2.创建数据表Book_info的表,添加数据往里面 3.打开AJAX Extendions选项卡,双击ajax中核心组件ScriptManager 4.打开AJAX Extendions选项卡,...
开始使用AutoComplete的时候就遇到了不支持中文的问题,网上写了一堆修改的方法,后来才发现,其实什么都不用该,只是在编码上没有控制好才出现了乱码。注意使用UTF-8的编码,因为JavaScript在传递中文参数的时候...
用java实现autocomplete搜索功能,可以获取除输入框的其它动态参数,后台字符串拼接,返回json数据,格式如下: { query:'Li', suggestions:['Liberia', 'Libyan Arab Jamahiriya', 'Liechtenstein', 'Lithuania'...
在输入页面利用JQuery获取用户输入,然后通过AJAX异步发送到处理页面,...若是jquery autoComplete组件则只要将从后台获取的数据放入autocomplete( url or data, [options] )第一个参数中就行,第二个参数可加可不加。
autocomplete实现自动补全,并可定制结果格式。ajax从数据库获取数据源
autocomplete-redis 是基于redis的自动补全,他会自动索引你要自动补全的句子,然后根据你的输入返回包含这个输入的句子。这儿有一个完整的演示实例: http://ohbooklist.com/redis/ ,我们索引了3.7万本书的名字。 ...
Jquery autocomplete插件使用
Jquery autocomplete插件的使用
利用jquery.autocomplete.js插件实现了文本框自动补全的功能, 附件包含两个实例代码,均以txt文档显示,都有前台和后台代码。一个是传一个参数,一个是传两个参数,后台以一般处理程序ashx文件编写。大家只需要修改...
jQuery Autocomplete自动完成demo,使用的是jquery.autocomplete.js 2017的版本。
jquery-autocomplete 可用
vue2-autocomplete一个Vue 2的文本输入自动完成组件
autocomplete 所需css+js
$("#"+txtBelongProvince).autocomplete(data,{ minChars: 0, max:data.length, matchCase:false,//不区分大小写 multiple: true, //允许多选 multipleSeparator:';',//多选分隔符 formatItem: function(row, ...
jquery-autocomplete搜索框自动完成的中文文档,上手快,轻便,功能强大