Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Wanet Telecoms Ltd on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

ddl complete as typing

Status
Not open for further replies.
kaijanm

kaijanm

Programmer
May 14, 2003
102
US
Hello. Thanks in advance for any help you can provide.

In an ASP.NET application, I have a drop down list of Employers. I would like the user to be able to start typing into it and have it go to the spot in the list based on what they are spelling out, not just the first letter.

The default behavior seems to do the following. Say you're looking for 'Albuquerque Computers'. The user starts typing 'Albuquerque' and what happens is the 'A' brings them to the first 'A' item in the list, but then the 'l' brings them to the first 'L' item in the list rather than the first 'Al' item.

Any ideas how to have this bring up the first 'Al' word rather than change to L* words?

I was told that JavaScript is the answer to all my problems ( :D ), so I'm posting this here.

Thanks!
Kimberly
 
Sort by date Sort by votes
The quick-and-dirty would be to call a function on the text box's ONKEYUP event, cycle through the selectListName.options.text, checking for the first such value with .toUpperCase().indexOf(document.formName.textFieldName.value.toUpperCase()) == 0, then set selectListName.selectedIndex = i; break;

Follow?

This can get lengthy for lists that are really long.

Example:

Code: 
<html>
<head>
<script>
function checkSelect()
{
 var textVal = document.formName.textField.value.toUpperCase(); //assumption we want to ignore case
 var dfso = document.formName.selectListName.options; //to reduce typing
 for(var i=0; i<dfso.length; i++)
 {
  if(dfso[i].text.toUpperCase().indexOf(textVal) == 0)
  {
   document.formName.selectListName.selectedIndex = i;
   return; //selection found.  Leave function.
  }
 }

 //if no match was found:
 document.formName.selectListName.selectedIndex = -1;
}
</script>
</head>
<body>
<form name='formName'>
<input type='text' name='textField' size='30' onkeyup='checkSelect();' /><br />
<select name='selectListName'>
<option>Groucho</option>
<option>grumpy</option>
<option>harlequin</option>
<option>Harpo</option>
<option>chasing the ladies</option>
<option>Chico</option>
<option>Zeppo</option>
<option>zippity zounds</option>
<option>gum shoe</option>
<option>Gummo</option>
</select>
</form>
</body>
</html>

'hope this helps.

--Dave
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
1K
xwb
xwb
deepumay15
  • Locked
  • Question
array input value how to replace decode value as Output using JavaScript code
Replies
1
Views
321
feherke
feherke
leifoet
  • Locked
  • Question
How to combine JS and ASP ?
Replies
5
Views
516
feherke
feherke
dvannoy
  • Locked
  • Question
Enable ASP button
Replies
1
Views
289
feherke
feherke
dannyo12
  • Locked
  • Question
Async library error in terminal while running Ethereum Smart Contracts test with mocha?
Replies
0
Views
206
dannyo12
dannyo12

Part and Inventory Search

Sponsor

Back
Top