WEBページ制作

WEBページ制作の話題に関するフォーラムです。
  • 掲示板への投稿には会員登録(無料)が必要です。会員登録がまだの方はこちら
  • 掲示板ご利用上のお願い」に反するご記入はご遠慮ください。
  • Q&A掲示板の使い方はこちらをご覧ください
トピックに返信
質問

 
(Windows 7 Professional : HTML)
検索ボックスの作成(複合検索)
投稿日時: 19/01/11 10:22:40
投稿者: めい666

社内サーバー(Webサーバーではない)にHTMLを作成しています。
ページ内の一覧から、キーワード検索できるようにInputboxを設置しております。
 
現在は、1つのキーワードで検索できます↓
 
jsファイル記述
$(function(){
    $('#button').on("click",function(){
        var re = new RegExp($('#search').val());
        $('#result tbody tr').each(function(){
            var tr = $(this);
            tr.hide();
            $('td', this).each(function(){
                var txt = $(this).html();
                if(txt.match(re) != null){
                    tr.show();
                }
            });
        });
    });
    $('#button2').on("click",function(){
        $('#result tr').show();
    });
});
 
html記述
<input type="text" id="search" onkeydown=go"();"> <input type="button"
value="絞り込む" id="button"> <input type="button" value="すべて表示" id="button2">
 
今後、1つのワードではなく、複数(2か3)のワードであいまい検索を作成したいと思っていますが、なかなかうまくいきません。
なにか、方法はないでしょうか?

トピックに返信