jquery.csv2table.jsに検索窓

質問

CSVの会員名簿を読み込み、表にしてWEBに表示する為にjquery.csv2table.jsを使った
こちらのサイトを参考にさせて頂きました。

参考サイト
http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm

CSVを読み込み、表示は成功したのですが。
検索窓を付けて、たとえば「青木」と検索すればCSVから青木さんを拾ってきて表示としたいのですが、やり方が解りません。＞＜

<input
class = "btn1"
type = "button"
onclick = "$('#view541').csv2table('./data/where1.csv',{
where : [{'種類':'like タ__'}]
});"
value="where : [{'種類':'like タ__'}]">

この例文をtype= "text"にしてテキストエリアに入力した値をCSVデータの中から見つけ出して表示するにはどうすればいいのでしょうか？
どなたか、ご教授頂けますと助かります。( p_q)

回答No.1

LancerVII · ベストアンサー

こんにちは。

検索窓は以下のように準備して
<input type="text" id="word"><button type="button">検索</button>

<script type="text/javascript">
$().ready ( function() {
$('#btn-search').click ( function() {
$('#view0').csv2table('./test.csv', {
where: [ {'名前':'like ' + $('#word').val() + '%'} ]
});
});
});
</script>
のようにするとid="word"に入力された文字列をベースに検索を実行するようになります。
上記サンプルは前方一致検索の例です。

お礼

LancerVIIさま　ありがとうございます！！

<button type="button" id="btn-search">検索</button>

で、無事検索が表示できましたっＯ(≧▽≦)Ｏ

感謝いたします。