dropdownlist box autosearch function

[w1688]

Hi All,

I had asp page using Visual studio 2005 to develop. I had a dropdownlist box with more than hundred items list. I am looking a function which allow user to type on dropdownlist box and the dropdownlist box will automatically to search the related items.

I tried to use the JavaScript function, but it doesn’t work. Here is my JavaScript coding.

<SCRIPT TYPE="text/javascript">
function onSelectKeyDown()
{
    if(window.event.keyCode == 46)
        clr();
}
function selectKeyPress()
{
 
    var sndr = window.event.srcElement;
    var pre = this.document.all["keys"].value;
    var key = window.event.keyCode;
    var char = String.fromCharCode(key);
 
    var re = new RegExp("^" + pre + char, "i");
    for(var i=0; i<sndr.options.length; i++)
    {
        if(re.test(sndr.options[i].text))
        {
            sndr.options[i].selected=true;
            document.all["keys"].value += char;
            window.event.returnValue = false;
            break;
        }
    }
}
function clr()
{
    document.all["keys"].value = "";
}
</SCRIPT>

I also add following code in my page_load event too.

Me.dropdownlist.Attributes.Add("onkeypress", "return selectKeyPress();")
Me.dropdownlist.Attributes.Add("onkeydown", "return selectKeydown();")
Me.dropdownlist.Attributes.Add("onblur", "return clr();")
Me.dropdownlist.Attributes.Add("onfocus", "return clr();")
 

Can anybody help me. Many thanks.

[kenobewan]

I did this on a small application once. I used a textbox which had to be an input for mine to work. The input filled out the selected text in the dropdown and was used in the form. If I remember anything else I'll let you know, but like you I used javascript. I believe there is an easier way if want to use a combobox. HTH.

[Plater]

Do the web versions of the controls support the auto-complete functionality the way their windows application counter parts do?
If so, the work has been done for you.

[w1688]

I thought so, however I am unable to find the autocomplete function in ASP.NET. The autocomplete function only available on VB app only. Please correct me if I am wrong.

Do the web versions of the controls support the auto-complete functionality the way their windows application counter parts do?
If so, the work has been done for you.

[Frinavale]

I thought so, however I am unable to find the autocomplete function in ASP.NET. The autocomplete function only available on VB app only. Please correct me if I am wrong.

The auto-complete capability is a browser based...has nothing to do with ASP.NET.

If it is turned on (most of the time this is the setting by default), and you start typing into your dropDownList it will search for any word starting with the letter you typed. This is the case with all the application's I've developed so far and don't know why it wouldn't work for you as well.

On a side note, please look into placing your code in between [code] [ /code] to make things more legible. You can even specify what type of code in inside these tags by using [code=vbnet], or [code=javascript] or [code=cpp] (for C# since it isn't provided at this time).

-Frinny

[w1688]

Thanks for your quick reply. The default function on dropdownlist box will search
when I type the first character. If I keep typing, it only search the first character on the list. For example, If I had the following list in my dropdownlist box
<SELECT NAME="state">
<OPTION VALUE="AL">Alabama</OPTION>
<OPTION VALUE="AK">Alaska</OPTION>
<OPTION VALUE="AZ">Arizona</OPTION>
<OPTION VALUE="AR">Arkansas</OPTION>
<OPTION VALUE="CA">California</OPTION>
<OPTION VALUE="RI">Rhode Island</OPTION>
</SELECT>

If I type "A", it will shows up "Alabama". However if i type "A" and then type "R", the dropdownlist box will show "Rhode Island" only instead of "Arizona"

I really don't know how to turn the auto-complete function on in my dropdownlist box. Can you tell me how?

Thx.

The auto-complete capability is a browser based...has nothing to do with ASP.NET.

If it is turned on (most of the time this is the setting by default), and you start typing into your dropDownList it will search for any word starting with the letter you typed. This is the case with all the application's I've developed so far and don't know why it wouldn't work for you as well.

On a side note, please look into placing your code in between [code] [ /code] to make things more legible. You can even specify what type of code in inside these tags by using [code=vbnet], or [code=javascript] or [code=cpp] (for C# since it isn't provided at this time).

-Frinny

[Frinavale]

Thanks for your quick reply. The default function on dropdownlist box will search
when I type the first character. If I keep typing, it only search the first character on the list.

If I type "A", it will shows up "Alabama". However if i type "A" and then type "R", the dropdownlist box will show "Rhode Island" only instead of "Arizona"

I really don't know how to turn the auto-complete function on in my dropdownlist box. Can you tell me how?

Thx.

Yeah, that was the point I was trying to make...it only finds words that start with whatever letter you typed. The auto-complete functionality is browser based, you can't turn it on with code.

For what you'd like to do it sounds like you're going to have to write a tricky bit of JavaScript like you originally were saying.

-Frinny