電子書籍の厳選無料作品が豊富!

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)

A 回答 (1件)

こんにちは。



検索窓は以下のように準備して
<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"に入力された文字列をベースに検索を実行するようになります。
上記サンプルは前方一致検索の例です。
    • good
    • 1
この回答へのお礼

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

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

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

感謝いたします。

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!