当前位置：Gxlcms > JavaScript > 动态提示的下拉框_表单特效

动态提示的下拉框_表单特效

时间：2021-07-01 10:21:17 帮助过：9人阅读

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<META content="fason,阿信" name=Author> 
<title>动态提示的下拉框</title> 
<style> 
a{color:red;text-decoration:none;font-size:12px} 
</style> 
</head> 
<body onload="Init()"> 
<center> 
<h2>动态提示的下拉框</h2> 
<hr> 
 
</table> 
<hr> 
<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> 
</body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

动态提示的下拉框_表单特效

人气教程排行