0

このFastLiveFilter -jquery プラグインを使用して、codeigniter プロジェクト内の searchresultspage をフィルタリングしています。

カテゴリでドロップダウンを使用できるように、FastLivefilter のコードを編集できるかどうか疑問に思っています。プラグインは入力フィールド用に作成されていますが、それは私が望んでいるものではありません。

検索したときに見つかったカテゴリをドロップダウンに入力します。しかし、特定のカテゴリでフィルタリングしたいので、リストが短くなります。

私のフォーム（プラグインを使用）は次のようになります。

<div class="zoekfilters">

    <script>
        $(function() {
            $('.search_input').fastLiveFilter('#search_list');
        });
    </script>

    <input type="search" class="search_input" placeholder="Type to filter">

    <br/><br/>

    <select class="search_input" id="selection">
        <option disabled selected>Choose a category</option>
        <?php foreach($all as $cat){ ?>
            <option value="<?php echo $cat['categorie']; ?>"><?php echo $cat['categorie']; ?></option>
        <?php } ?>
    </select>

</div>

現在、ドロップダウンには 3 つのカテゴリが表示されています。

  • 行政
  • 販売
  • コミュニケーション

プラグインはオートコンプリートも提供します。入力すると、結果が自動的に表示されます。

ドロップダウン選択オプションが必要なだけなので、カテゴリでフィルタリングできます。

4

1 に答える 1

1

このスクリプトを呼び出すだけです

$('#category_id').fastLiveFilter('#search_list');
<select id="category_id">
<option value="">select</option>
<option value="t">t</option>
<option value="S">S</option>
</select>

#search_listこのプラグインのデモサイトでテストしたところ、完全に機能しています。

私が作成した Fiddle を参照してください

于 2013-07-03T10:12:24.037 に答える