<html>
<head>
</head>
<body>
<br>
<center>
<center>
<br>
<br>
<br>
<table cellpadding="0" cellspacing="0" border="0" ID="Table1">
<tr>
<td width="200" align="center">
<select class="TxtArea" id="MySelect1" size="6" style="WIDTH:100px" NAME="MySelect1">
<option>Select</option>
<option>Coca Cola</option>
<option>Fanta</option>
<option>Pepsi Cola</option>
<option>X Cola</option>
</select>
<br>
Filter by <input class="TxtArea" type="text" size="10" autocomplete="off" onkeyup=" f32_FillSel(this,'MySelect1');"
ID="Text1" NAME="Text1">
<br>
</td>
<td width="200" align="center">
<select class="TxtArea" id="MySelect2" size="2" style="WIDTH:100px" NAME="MySelect2">
<option>Select</option>
<option>Tom</option>
<option>Dick</option>
<option>Harry</option>
<option>Bert</option>
<option>Saravanan</option>
<option>Amitabh</option>
</select>
<br>
Filter by <input class="TxtArea" type="text" size="10" autocomplete="off" onkeyup=" f32_FillSel(this,'MySelect2');"
ID="Text2" NAME="Text2">
</td>
</tr>
</table>
<br>
<script language="JavaScript" type="text/javascript">
<!--
var f32_TB,f32_ID;
function f32_InitSelectList(f32_id,axcary){
f32_id=document.getElementById(f32_id);
for (f32_1=0;f32_1<f32_ary.length;f32_1++){
f32_id.options[f32_id.options.length]=new Option(f32_ary[f32_1][0],f32_ary[f32_1][1],true,true);
}
}
function f32_FillSel(f32_tb,f32_id){
f32_TB=f32_tb; f32_ID=f32_id;
f32_tv=f32_tb.value.toLowerCase();
f32_id=document.getElementById(f32_id);
f32_tb.onkeypress=function(evt){ f32_BackSpace(evt?evt.keyCode:event.keyCode); }
f32_tb.onblur=function(){ this.onkeypress=null; }
if (!f32_id.ary){
f32_id.sary=new Array();
f32_id.ary=new Array();
for (f32_0=0;f32_0<f32_id.options.length;f32_0++){
f32_id.ary[f32_0]=[f32_id.options[f32_0].text,f32_id.options[f32_0].value];
}
}
f32_ary=new Array();
for (f32_0=0;f32_0<f32_id.ary.length;f32_0++){
if (f32_id.ary[f32_0][0].toLowerCase().match( f32_tv)&&f32_tv!=''&&f32_tv!=' '){
f32_ary[f32_ary.length]=f32_id.ary[f32_0];
}
}
if (f32_ary.length<1){ f32_ary=f32_id.ary; }
if (f32_id.sary!=f32_ary){
f32_id.options.length=0;
for (f32_1=0;f32_1<f32_ary.length;f32_1++){
f32_id.options[f32_id.options.length]=new Option(f32_ary[f32_1][0],f32_ary[f32_1][1],true,true);
}
}
f32_id.selectedIndex=-1;
f32_id.sary=f32_ary;
f32_tb.focus();
}
function f32_BackSpace(e){
if (e==8){ f32_FillSel(f32_TB,f32_ID); }
}
//-->
</script>
</center>
</center>
</body>
</html>
No comments:
Post a Comment
Please post your comments here.....