javascript_howto thread: SV: Regular expression match on a select field in real time
Do you want it to stay selected, even if the user's typing in anything
else,
or should it loose its selection status then?
This is something that might work for you:
<html>
<head>
<title>Find name</title>
<script language=3D"JavaScript" type=3D"text/javascript">
<!--
var arrAllNamesOptions =3D new Array();
window.onload =3D function (){
=09
document.forms["theForm"].elements["inputField"].focus();
arrAllNamesOptions =3D
document.forms["theForm"].elements["allNamesSelect"].options;
}
function findName(searchText){
for(var i=3D0; i<arrAllNamesOptions.length; i++){
=09
if(arrAllNamesOptions[i].text.toLowerCase().search(/searchText/, g))
=3D=3D
0){
arrAllNamesOptions[i].selected =3D true;
break;
}
else arrAllNamesOptions[0].selected =3D true;
}
} =09
//-->
</script>
</head>
<body>
<div align=3D"center">
<form name=3D"theForm" onSubmit=3D"return false">
<table border=3D"0" cellspacing=3D"2" cellpadding=3D"2">
<tr>
<td><input type=3D"text" name=3D"inputField"
value=3D"" size=3D"50" onKeyUp=3D"findName(this.value)"/></td>
</tr>
<tr>
<td>
<select id=3D"allNamesSelect"
size=3D"10">
<option> No match found
</option>
<option>Anders</option>
<option>Bj=F6rn</option>
<option>Dan</option>
<option>Daniel</option>
<option>Erik</option>
<option>Gunnar</option>
<option>Johanna</option>
<option>Per</option>
<option>Robert</option>
<option>Sara</option>
<option>Tony</option>
<option>Wictor</option>
</select>
</td>
</tr>
</table> =09
</form>
</div>
</body>
</html>
/Robert
-----Ursprungligt meddelande-----
Fr=E5n: Richard York [mailto:ryork@q...]
Skickat: den 4 december 2002 17:31
Till: JavaScript HowTo
=C4mne: [javascript_howto] Regular expression match on a select field in
real time
Hello,
I was wondering if anyone had any ideas as to how to do a regular
expression match on a select field in real time.
Here is my project...
I would like a user to be able to type in a few letters in an HTML text
input field and have the select field scroll automatically to matching
values as the user is inputing data, marking that data as selected. I
would like this to happen in real time, without the use of a submit
button.
Many thanks in advance for any thoughts on this!
: )
Rich
View Cart
