jQueryを使用してテキスト検索から選択オプションを絞り込みます

Question

選択タグと入力テキストボックスにいくつかのオプションがあります。ユーザーがテキストボックスに何かを入力すると、関連するオプションが表示され、残りを隠す必要があります。

<select size="8" style="width:150;"> 
    <option value="something1">Apple</option> 
    <option value="something1">Banana</option> 
    <option value="something2">Mango</option> 
    <option value="something2">Orange</option> 
    <option value="something2">Papaya</option> 
    <option value="something3">Grape</option> 
    <option value="something3">Coco</option> 
    <option value="something3">Chocolate</option> 
</select> 
    <input type="text" > 

私は、テキストボックス、アップルだけでapを入力すると、パパイヤが見えるはず...私はjQueryのことで、これを実現する方法を教えてください。..

Answer 1

デモ：http://so.devilmaycode.it/narrow-down-the-select-options-from-text-search-using-jquery

 $(function() { 
       $('input.search').on('change', function() { 
        $(this).prev('select.term').find('option:not(:containsi(' + this.value + '))').hide(); 
       }).on('keyup', function() { 
        $(this).prev('select.term').find('option:containsi(' + this.value + ')').show().attr('selected', true); 
       }).extend($.expr[':'], { 
       'containsi' : function(elem, i, match, array) { 
        return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || '').toLowerCase()) >= 0; 
       } 
      }); 
     }); 

Answer 2

は私が検索し、これを見て、あなたを提案しますSOポスト：

Jquery: Filter dropdown list as you type

またはこの例のURL

http://andrew.hedges.name/experiments/narrowing/