Question in dropdpown list<select> tag?

[trestian]

Good day?

Can every one help me how to make this dropdown list in javascript?

Scenario

I have a dropdownlist. list are below

-Philippines
-hungary
-davao
-italy

when i type p in will go to (philipinnes) in the second letter h it will go to hungary.
there is anything possible that when i type p 2nd letter h ..that it will search the whole text..example i type phi it will go to philippines?

thanks

[revq]

There is no easy way to do this with standard html drop downs. A previous company I was at did something like this, by having a text box, with a floating div underneath containing a list box, not a drop down - it looked something like a normal select box. Then they had code in the onchange event for the text box that would use it's value to loop through the values in the list box until it found a match and leave the first match found highlighted. In effect this allows stacking the letters to filter the list by, but it is not the most straight forward implementation to accomplish.

[trestian]

thanks revq..


now im trying to do that... that i have a text box.. wher the user will input then match the type word in the dropdown list... im also thinking that you have an idea how to used it in the java script? I have try but not works... im idea is put it in the array. when user press p it it will wil get the value in the dropdown and put it the array and test the 2nd press letter if there in the array....

thanks revq...and more power

[revq]

Have the elements of the list box all with the same name so that javascript can treat it as an array. In the onchange event of the text box, have a for loop that works it's way through all the elements, checking for the pattern, like this

if (str.match(/text*/))

where text is the value of the text box. When it finds a match, set that element to selected and stop processing the for loop. If the element does not match, make sure it is not selected. In that way, the list should react to multiple character input, selecting the first element that matches your requirements.