javascript - アイテムのIDまたはシリアルを入力して、リストアイテムのテキストの値を見つける方法

Question

リストがあります (このコードよりもはるかに長く、約 700 ～ 800 項目あります)

<asp:TextBox ID="txt_serial"> </asp:TextBox>
<asp:Button ID="btn_find">Find </asp:Button>

<ul id="AllProducts" class="ui-droppable">
    <li class="ui-draggable" value="0">Sterling Silver Jesus Name Necklace( 101-01-071-02)</li>
    <li class="ui-draggable" value="101">14k 'Gold' 'Comfort Fit' Inside's Engraved Ring( 101-14-001-01)</li>
    <li class="ui-draggable" value="1000">Jewelry Polishing Cloths( 106-01-002-01)</li>
</ul>

製品シリアル番号 (各<li>アイテムのテキスト内に表示されます) をテキスト フィールドに入力すると、リスト全体で探す必要がないように、対応するアイテムが下のリストで選択されているのを確認したいと思います。

例えば：

• 入力(106-01-002-01)
• Jewelry Polishing Cloths強調表示されたエントリを参照してください

したがって、目標はオートコンプリートに似たものですが、検索に一致したときにエントリを強調表示することです。