0

検索機能を備えた Codeigniter Web サイトを持っています。郵便番号とキーワードで検索できます。ここで、「検索結果」ページに検索フィルターを配置して、検索結果を絞り込みたいと考えています。

現在、 Fastlivefilter jquery プラグインを使用していますが、複数のものをフィルタリングしたいと考えています。

  • データベースからのカテゴリのドロップダウン
  • 入力フィールドに入力するキーワード。

ドロップダウンのみと入力のみで動作しましたが、一緒ではありませんでした。

多分それを行うより良い方法がありますか？たとえば、JQuery Filter()を使用していますか?

私の検索フォーム:

http://kees.een-site-bouwen.nl/vacatures

使い方：

  • 小さな入力に「9101」と入力すると、「郵便番号」と表示されます。
  • フォームを送信し、「searchfilters」をクリックして今すぐ試してください。
4

1 に答える 1

0

以下は、私が作成した簡単な例です。実装しようとしているというアイデアが得られることを願っています

ul li2 つの検索フィールドを持つ構造を含むこの html を検討してください。

<ul>
    <li>bob bope</li>
   <li>bob test</li>
    <li>bob bones</li>
    <li>bob bobs</li>
    <li>test mcBridge</li>
</ul>
<br>
Search: <input id="search" class="search" length="24" />
Refine    <input id="refine" class="search" length="24" />

そして、jqueryこれは両方のテキスト フィールドの値を考慮して結果を検索し、絞り込むものです。

$(document).ready(function(){
    $(".search").keyup(function(){
        $("li").hide();

        if($("#refine").val()!=""){
        var term = $("#search").val()+" "+$("#refine").val();
        }else{
        var term =$("#search").val();

        }
        $("li:contains('" + term + "')").show();

    }); 

});

小文字のフィドルを試してください

大文字の私のフィドルを試してください

これがあなたが探していたものであることを願っています。最初のフィールドにボブを書いてから、他のフィールドにテストを書くと、1つの結果しか表示されません

于 2013-07-05T11:57:51.773 に答える