jquery.csv2table.jsに検索窓

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

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

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 回答日時： 2013/03/11 09:26

こんにちは。

検索窓は以下のように準備して
<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>

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

感謝いたします。

お礼日時：2013/03/11 20:24