动态列表框_可动态更新的列表框-CSDN博客

本文链接：https://blog.csdn.net/piscailei/article/details/1618762

<html>
<head>
<title>动态列表框</title>
</head>
<body   οnlοad="init()">
<select   id="chgSelect"   size="5"   style="display:none"   οnclick="edit.value=value">
<option   value="csdn">csdn
<option   value="msdn">msdn
<option   value="net_lover">net_lover
<option   value="meizz">meizz
<option   value="wsj">wsj
<option   value="emu">emu
</select>
<input   οnkeyup="editselect(this)"   id="edit"><input   type=button   value='refresh'   οnclick='init(0)'>
<script>
var   sv=new   Array()
function   init(n){
var   s=document.getElementById("chgSelect")
var   ev=document.getElementById("edit")
if(n!=0){
for(i=0;i<s.options.length;i++){
sv.push(s.options[i].value)
}
s.display='none'
return;
}
ev.value=""
s.options.length=0
for(i=0;i<sv.length;i++){
s.add(new   Option(sv[i],sv[i]))
}
}

function   editselect(obj){
var   sValue=obj.value
var   s=document.getElementById("chgSelect")
s.options.length=0
for(i=0;i<sv.length;i++){
if(sv[i].indexOf(sValue)>=0){
s.style.display=''
s.add(new   Option(sv[i],sv[i]))
}
}
}
</script>
</body>
</html>