
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ベストアンサー
- 回答日時:
こんにちは。
検索窓は以下のように準備して
<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>
で、無事検索が表示できましたっO(≧▽≦)O
感謝いたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
jsで質問です。 ボタンが二つ存...
-
スマホ上で、左右スワイプで次...
-
ラジオボタンを複数選択したと...
-
Outlookのアカウントがあるとメ...
-
変数宣言と初期値代入の場所に...
-
画面遷移を行わずに同一ページ...
-
インスタグラムのapiを利用して...
-
タグを教えてください。
-
jsで質問です。 formをsubmitし...
-
2025年相性がいい人のサイトの...
-
CookieをWebStoeageに変える
-
Adobe acrobat proでフォームを...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
-
ビデオのJSについて
-
鍵盤アプリで、スマホの画面に...
-
<div>のタッチ状態を維持したま...
-
jQueryでシンセサイザーを作っ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
パソコンで動くjavascriptがス...
-
複数対応できるチェックボック...
-
Selenium Basicの件
-
<div id="AA">の時、<form id="...
-
classの値を得る
-
チェックボックスで得た複数回...
-
<input>のvalue値をプルダウン...
-
inputタグ内にあるid属性の意味?
-
Doctrineのjoinについて
-
ドラッグ & ドロップでのド...
-
★大至急!JavaScriptのif文教え...
-
WebbrowserよりHTMLのValue値を...
-
メールを送信するボタンでOutlo...
-
【お問い合わせフォーム】プル...
-
Access VBAで自動連番を振るには
-
AndroidStudio 途中で終了する。
-
テキストフォームにフォーカス...
おすすめ情報