Auto Suggest Textboxes

@championcAug 26.2006

I have read and used the code of Nicholas C. Zakas for an auto suggest textbox from his 3 part series of articles (~~[url]~~http://www.webreference.com/programming/javascript/ncz/)[/url]. I have used the code from Example 3b.

However, I want to be able to use two auto suggest fields on the one form, each reading data from two separate sources.

Does anyone know of a way that I could modify code slightly in order to be able to do this

Cormac

to post a comment

JavaScript

@intriviousAug 26.2006 — #Link does not seem to work for me.

@championcauthorAug 26.2006 — #Take the bracket off the end of the URL

C

@intriviousAug 26.2006 — #If I understand what you are asking, all you would need to do is add another line to the onload() function and another text field.

Something like this (just taken from his example):

[CODE]
 <html>
 <head>
 <title>Autosuggest Example 1</title>
 <script type="text/javascript" src="autosuggest1.js"></script>
 <script type="text/javascript" src="suggestions1.js"></script>
 <script type="text/javascript">
 window.onload = function () {
 var oTextbox = new AutoSuggestControl(document.getElementById("txt1"), new StateSuggestions()); 

 var oTextbox2 = new AutoSuggestControl(document.getElementById("txt2"), new CitySuggestions()); 

 }
 </script>
 
  </head>
 
  <body>
   <p>Try it for yourself:</p>
   <p>State:<input type="text" id="txt1" /></p>
   <p>City:<input type="text" id="txt2" /></p>
  </body>
 </html>
 [/CODE]

As long as the second text box id corresponds to the second instantiation of the autoSuggest and you provide another function in the javascript for your second source, it should be fine.

Say you wanted to do states for one box, and cities another. You would need to make the CitySuggestions().

like this:

[CODE]
 
 function CitySuggestions() {
 
 this.cities = [
 "city1", "city2", .... 
 ];
 
 }
 
 [/CODE]

Is this what you are looking for?

@championcauthorAug 26.2006 — #That's exactly it

Many thanks

Cormac

@championcauthorAug 27.2006 — #I have another followon problem which is related. When I get my dropdown list, I can use my arrows to scroll up or down the list but when I press enter to select my choice from the list, my form is then posted.

Is there any way that the value can be picked into the textbox allowing for the next form item to be filled in

C

Auto Suggest Textboxes

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Auto Suggest Textboxes

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

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

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴