动态提示的select下拉框
作者：阿信 时间：2007-12-02 14:54:00
javascript可以根据输入值自动搜索显示相关的select列表，对于列表很长时可以很方便的查找到要的值。
js代码：
<script language="javascript">
var TempArr=[];//存贮option
function Init(){
var SelectObj=document.frm.elements["demo"]
/*先将数据存入数组*/
with(SelectObj)
for(i=0;i<length;i++)TempArr[i]=[options[i].text,options[i].value]
}
function SelectTip(flag){
var TxtObj=document.frm.elements["txt"]
var SelectObj=document.getElementById("demo")
var Arr=[]
with(SelectObj){
var SelectHTML=innerHTML.match(/<[^>]*>/)[0]
for(i=0;i<TempArr.length;i++)
if(TempArr[i][0].indexOf(TxtObj.value)==0||flag)//若找到以txt的内容开头的，添option。若flag为true,对下拉框初始化
Arr[Arr.length]="<option value='"+TempArr[i][1]+"'>"+TempArr[i][0]+"</option>"
innerHTML=SelectHTML+Arr.join()+"</SELECT>"
}
}
</script>
运行代码：
标签：select,下列框,js
0
投稿猜你喜欢
python global和nonlocal用法解析
2022-05-17 02:56:17
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2024-04-27 16:17:33
bootstrapValidator.min.js表单验证插件
2024-04-10 13:53:46
ASP连接Access数据库和SQL server数据库的方法
2007-08-22 13:16:00
python版百度语音识别功能
2023-02-28 09:56:34
Golang map如何生成有序的json数据详解
2024-05-09 09:47:45
SQLSERVER数据库中的5173错误解决方法
2024-01-23 16:25:58
ASP使用组件在线发E-mail的2个函数
2008-06-12 07:13:00
MySQL5.6下windows msi安装详细介绍
2024-01-14 04:42:50
python服务器与android客户端socket通信实例
2022-04-28 02:30:31
vue-cli创建项目时由esLint校验导致报错或警告的问题及解决
2024-05-29 22:23:42
vue eslint报错error "Component name "*****" should always be multi-word"解决
2024-05-13 09:10:32
用python生成mysql数据库结构文档
2021-05-15 12:04:33
浅谈Laravel模板实体转义带来的坑
2024-06-05 09:44:24
JavaScript预解析及相关技巧分析
2024-04-10 10:57:32
Dreamweaver量身打造Wordpress留言板（三）
2009-12-13 18:45:00
Win8下python3.5.1安装教程
2021-11-15 13:14:54
python 实现多线程的三种方法总结
2022-10-17 07:09:11
tensorflow自定义激活函数实例
2023-04-18 09:11:51
5分钟快速掌握JS中var、let和const的异同
2024-05-09 15:05:49