zoukankan
html css js c++ java
Dhtml+正则实现类似IDE编辑器的动态提示输入功能
代码如下:
<input onkeyup="showtips();if(event.keyCode==27)c();" id=txt onkeydown='enterTips()'>(eg. JiangSu)输完按回车键<br> <select id=sel style='display:none' multiple onclick=rv() onkeydown='if(event.keyCode==13)rv()'></select> <script> var msg = new Array("Beijing","Tianjing","Shanghai","Guangdong","ShanDong","Shanxi","Hunan","Hubei","JiangSu","JiangXi"); var msg2=new Array("北京","天津","上海","广东","山东","陕西","湖南","湖北","江苏","江西"); function showtips(){ eo=event.srcElement; sel.length=0; var len=msg.length; var re=new RegExp("^"+eo.value,"i") for(i=0;i<len;i++) if(re.test(msg[i])==true) sel.style.display='',sel.add(new Option(msg[i],msg2[i])),sel.selectedIndex=0; } 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>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
【6.24校内test】T1 江城唱晚
【6.20校内test】
【洛谷p1983】车站分级
【洛谷p2239】螺旋矩阵
【6.18校内test】T2分数线划定
【6.18校内test】T1多项式输出
【洛谷p1981】表达式求值
【洛谷p1077】摆花
【洛谷p1158】导弹拦截
博客园 api
原文地址:https://www.cnblogs.com/Dicky/p/194599.html
最新文章
jvm
java 多线程争抢资源死锁
java详细剖析
ambari卸载集群
spark核心优化详解
spark1.3.x与spark2.x启动executor不同的cpu core分配方式
spark优化参数调节和故障参数调节
spark-sql缩减版样例:获取每日top3搜索词和各自的次数,包括总次数
spark-sql自定义函数UDF和UDAF
spark-sql分组去重总数统计uv
热门文章
P1040 加分二叉树
数列分段Section II
深搜的剪枝技巧
二分与三分
贪心算法整理
洛谷 P3372 线段树1
树状数组
洛谷 P3865 ST表
NOIP2011 洛谷P1315 观光公交
T2691 桶哥的问题——送桶
Copyright © 2011-2022 走看看