[RESOLVED] onchange text and select box

@Arty_EffemAug 09.2007 — #Basically what I am wanting to happen is that when I type a letter in a textbox that it immediately finds the first option in a select(multiple) box that starts with the same character. then if they type a second letter, it find the first option in the select box that starts with those two characters, etc.[/QUOTE]
Try this:

[CODE]<html>
 <head>
 <title>Select Box Matches Text Input</title>
 </head>
 <body>
 <form>
 <select name='s1'>
 <option value='0'>========
 <option value='1'>Aardvark
 <option value='2'>Anaconda
 <option value='3'>Antelope
 <option value='4'>Anteater
 <option value='5'>12
 <option value='6'>123
 <option value='7'>1234
 <option value='8'>Bear
 <option value='9'>Buffalo
 <option value='A'>Bull
 <option value='B'>Bullock
 </select>
 <input type=text size='15' onkeyup='selectFromText(this.value,this.form.s1)'>
 </form>
 
 <script type='text/javascript' hex='53747564656E742043484541544544'>
 
 function selectFromText(entry, box)
 { 
 var re=new RegExp('^'+entry,'i'), m;
 
 for(var i=0, match={pos:0, best:-1}; i<box.options.length; i++)
 if( (m=box.options[i].text.match(re)) && m.length > match.best ) 
 {
 match.best=m.length;
 match.pos=i;
 }
 
 box.selectedIndex=match.pos; 
 }
 
 </script>
 </body>
 </html>
 [/CODE]

[RESOLVED] onchange text and select box

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

[RESOLVED] onchange text and select box

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴