select有text的功能
select要有text的功能,也就是也可以输入,同时具有输入的同时,select会自动展开符合你输入内容的option.
给分100,请高手指教.
如: <option value= "PEK "> Beijing 北京 </option>
<option value= "SHA "> Shanghai 上海 </option>
当输入S时,Shanghai 上海 就会被选中,并展开,Shanghai 上海 为第一个.
[解决办法]
<option value= "PEK " accesskey= "b "> Beijing 北京 </option>
<option value= "SHA " accesskey= "s "> Shanghai 上海 </option>
[解决办法]
哦，接楼上，在适当的时候（比如已经选择）再次隐藏select
[解决办法]
http://webfx.eae.net/dhtml/combobox/combobox.htm
[解决办法]
难道是这样?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
<script>
function show()
{
//var d = document.getElementById( "3 ");
//alert(d.value);
var a = document.getElementById( "1 ").value;
if(a.length> =1)
{
if(a.toLowerCase()== "s "||a.toLowerCase()== "sha "||a== "上海 "||a.toLowerCase()== "shanghai ")
{
var select = document.getElementById( "2 ");
for(var i=0;i <select.length;i++)
{
if(select.options.item(i).value== "SHA ")
{
select.options.item(i).selected= "true ";
}
}
}
if(a.toLowerCase()== "p "||a.toLowerCase()== "pek "||a.toLowerCase()== "北京 "||a.toLowerCase()== "beijing ")
{
var select = document.getElementById( "2 ");
for(var i=0;i <select.length;i++)
{
if(select.options.item(i).value== "PEK ")
{
select.options.item(i).selected= "true ";
}
}
}
}
}
setInterval( "show(); ",50);
</script>
</HEAD>
<BODY >
<input type= "text " id= "1 "> </input>
<select id= "2 ">
<option> </option>
<option value= "PEK "> Beijing 北京 </option>
<option id= "3 " value= "SHA "> Shanghai 上海 </option>
</select>
</BODY>
</HTML>
[解决办法]
这个只能模拟
http://www.scbr.com/docs/company.shtml
这里面左里的有，你找找
[解决办法]
那就是自定义控件喽，用一个input一个select来模拟。用input的onkeyup来控制，你要的那种效果。
[解决办法]
给点分吧 。。 555555555555555555555
=============================================
<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>
<form name=frm>
<table>
<tr>
<td> 请输入1或2或3或4或5进行测试： <br> <input name= "txt " style= "width:100px " onkeyup= "SelectTip(0) "> <input type= "button " value= "reset " onclick= "SelectTip(1) "> </td>
</tr>
<tr>
<td>
<span id= "demo "> <select name= "demo " style= "width:100px " size=10 onchange= "txt.value=options[selectedIndex].text; ">
<option value= "1 "> 1 </option>
<option value= "12 "> 12 </option>
<option value= "123 "> 123 </option>
<option value= "1234 "> 1234 </option>
<option value= "2 "> 2 </option>
<option value= "23 "> 23 </option>
<option value= "234 "> 234 </option>
<option value= "2345 "> 2345 </option>
<option value= "3 "> 3 </option>
<option value= "34 "> 34 </option>
<option value= "345 "> 345 </option>
<option value= "3456 "> 3456 </option>
<option value= "5 "> 5 </option>
<option value= "51 "> 51 </option>
<option value= "51w "> 51w </option>
<option value= "51wi "> 51wi </option>
<option value= "51win "> 51win </option>
<option value= "51windows "> 51windows </option>
</select> </span>
</td>
</tr>
</form>
</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>
