AutoComplete

最新推荐文章于 2024-04-17 16:35:00 发布
最新推荐文章于 2024-04-17 16:35:00 发布
阅读量78 收藏 1
点赞数
分类专栏： js 文章标签： IE C C++ C# J#
参考这个页面
<!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' οnkeydοwn='enterTips()' οnkeyup='showtips();if(event.keyCode==27)c();'> (eg. ShanDong) <BR>
<SELECT id='sel' οnkeydοwn='if(event.keyCode==13)rv()' style='DISPLAY:none;' οnclick='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.οnclick=function()
{
c();
}
</SCRIPT>
</BODY> </HTML>
iteye_9875
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Autocomplete自动完成
D&M的博客
03-31 433
自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 任何可以接收输入的字段都可以转换为 Autocomplete，通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。它能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，通过输入更多的字符，用户可以过滤列表以获得更好的匹配。 下面是所...
autocomplete
05-14
#Autocomplete 1.2 ## Plugin em jQuery deauto-sugestõespara campos de texto ### Autor Diego Mengarda / ###授权许可Lançado抽泣一个授权许可MIT - ##Instalação ### Passo 1：包含所有必要内容 <!...
28. 【Android教程】自动补全文本框 AutoCompleteText
最新发布
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
04-17 1221
本节继续学习采用 Adapter 实现的控件，如果你希望用户在输入文本的过程中能够得到文本补全建议，那么 AutoCompleteTextView 将是一个非常不错的选择。比如在搜索引擎的场景下就很适用，大家应该都有体会，在百度搜索框输入要搜索的关键词，如果需要等全部输入完毕敲回车才出结果，那将是一种很差的体验；而实际上百度是在我们输入的过程中实时的自动预判我们要输入的内容，然后帮我们补全关键词，这时候我们可以直接选择系统的补全方案而减少很多不必要的时间，大大提高了搜索效率，体验非常棒。
autocomplete属性的使用
热门推荐
酷小亚
09-29 2万+
通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。下面将对form标记的相关属性进行详解！ 效果图： 当你在“用户名”的文本输入框中依次输入……，分别单击“提交”按钮。然后再单击“用户名”文本框时，效果如下： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>autocomplete属性的使用</title> </head
AutoComplete(自动完成)
DotNeter-Hpf的博客
07-21 2067
Winform AutoComplete
自动完成autoComplete
weixin_34067049的博客
09-30 93
花了点时间改写了一个autoComplete.js，在之前的项目里用jQuery写的一个函数，现在改成原生js面向对象的方式写，花了不少力气当然也从中学习到了很多，下面发出来分享。 这个autoComplete对象需要初始化并绑定在一个input上面，面向对象的思想是借鉴上一篇随笔里面的日历控件。 首先定义了该对象的一些属性： autoComplete={　　pop_len:10, //...
Autocomplete
06-15
Autocomplete
AutoComplete没有效果的解决方案
aplsc的专栏
05-27 5669
       最近在帮办公室的同事做一个图书管理系统，其中单位200多号人，进行图书借阅的时候，需要快速查询人名，这里我采用了开心网和人人网上通用的方式，通过名字拼音的首字母来快速定位人名。下面是我的解决方案，部分参考了网上其他人的做法，这里对他们的劳动成果表示由衷的感谢！      1、在数据库中创建汉字转字母的函数（我的数据库是SQL Server 2005，其他数据库可Google一下即
jQuery.Autocomplete实现自动完成功能（详解）
weixin_33834679的博客
04-20 666
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery plugin: Autocomplete 参数及实例
weixin_34248705的博客
10-31 135
官网：jQuery plugin: Autocomplete          （注：此插件已经不再更新。它的继任者是jQuery UI的一部分，） 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3  1、jquery.autocomplete  API　　语法： autocomplete(url/data, [options] ) 　　参数： url / data：...
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
当代野生程序猿
02-25 5491
通常在展示人物对话的时候文本的长度是不定的，因此会需要动态的调整对话内容文本框的背景图片的大小，这里以如下这种气泡框的对话为例： 实现该需求涉及到的内容包括Content Size Fitter组件的使用、2D Sprite工具包的使用。 Content Size Fitter组件用于Text文本框，如图所示，我们将Horzontal Fit设为Preferred Size，当我们调整Text文本框中的内容时，其大小会自动进行调整。 注意Rect Transform中Pivot轴心点的设置
新唐NUC972 Linux（一）：USB烧写linux出厂镜像
小破孩的博客
02-20 3117
USB烧写出厂镜像 文章目录USB烧写出厂镜像前言一、硬件连接二、安装驱动三、烧写linux程序四、运行程序 前言 今天开始进军linux，学了那么久单片机，也摸得七七八八，至少点个灯还是会的。本人之所以买酷客的linux开发板主要是便宜，资料也算齐全，虽然没有原子那么好，不过也够了，找那么多借口，其实就是qiong。今天先从USB烧录官方提供的linux相关程序到芯片开始吧。 一、硬件连接 1、连接电源线 2、RS232转USB，需要安装CH340驱动，用于在电脑串口超级终端中查看调试信息。 3、U
WeChall CTF Writeup（一）
weixin_43211186的博客
02-25 1276
以下题目标题组成： [Score] [Title] [Author] 文章目录0x01 1 Training: Get Sourced by Gizmore0x02 1 Training: Stegano I by Gizmore0x03 1 Training: Crypto - Caesar I by Gizmore0x04 1 Training: WWW-Robots by Gizmore0x05 1 Training: ASCII by Gizmore 0x01 1 Training: Get Sou
C语言每日一练——第126天：佩奇借书问题
Edison's 小宇宙
02-25 2万+
史上最强借书方案问题讲解（代码详解+思路分析+动图演示+特性总结）
CS5261与CS5265功能应用|CS5261替代RTD2171|CS5265替代RTD2172
qq1659747718的博客
02-25 1182
CS5261可以完全替代兼容停产RTD2171,CS5265可以完全替代兼容RTD2172，芯片单价低，整体方案设计简单，整体BOM成本较RTD2171、RTD2172低。
Hello Kafka（八）——Confluent Kafka简介
天山老妖
02-24 8779
一、Confluent Kafka简介 1、Confluent Kafka简介 2014年，Kafka的创始人Jay Kreps、NahaNarkhede和饶军离开LinkedIn创立Confluent公司，专注于提供基于Kafka的企业级流处理解决方案，并发布了Confluent Kafka。Confluent Kafka分为开源版和企业版，企业版收费。 2、Confluent Kafka特性 Confluent Kafka开源版特性如下： （1）Confluent Kafka Connecto
基于System Verilog的同步FIFO实现(一)
qq_40268672的博客
02-22 2976
FIFO，全称First In First Out，它是数字电路设计中一个重要的基本单元，它分为同步FIFO和异步FIFO，所谓同步FIFO，是指读写都是在同一个时钟的驱动下进行的，而异步FIFO读写操作的时钟是分离的，本文主要讲述同步FIFO的实现。 如图，是同步FIFO的一个示意图，它由clk,rst,wr_en,rd_en,full,empty,rdata,wdata等信号构成，其中，full,empty用于指示fifo的状态(空或满)，wr_en,rd_en分别为写使能和读使能信号，在FIFO的设
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值