Question

I have a large unordered list (more than 400 items). The list appears in a scrollable listbox from Telerik (I’m not sure if that matters).

I would like a user to type in a value into a text box. If the value they type into the text box is in the unordered list, I would like to jump down to that item using Javascript. The HTML in the browser like this –

<ul class=​"MyList">​
    <li id=​"id1">​
        <span>item 1​</span>​
    </li>​
    <li id=​"id2">​
        <span>item 2​</span>​
    </li>​
    <li id=​"id3">​
        <span>item 3</span>​
    </li>​

...

    <li id=​"id499">​
        <span>item 499</span>​
    </li>​
</ul>​

Thanks for any help or suggestions!

Answer 1

You’re probably looking for autocomplete functionality.

AutoComplete is a feature provided by many browsers, programs and
controls. It involves the program predicting a word or phrase that the
user wants to type without the user actually typing it in completely.
RadComboBox has full autocomplete support – while you type into the
input area, the combobox returns the relative match for the currently
typed text.