![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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で質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) Sikulix2.0.5(Jython2.7.3)でcsvを読込WEB検索条件にpasteで文字化け 1 2023/03/31 11:02
- Excel(エクセル) エクセルのVBAについて とあるサイトのコードを参考に、CSVの文字化けを直すVBAを作成しているの 7 2022/11/04 14:15
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- Visual Basic(VBA) VBA初心者です。電話番号の数字の前に0を表示させたいです。 2 2022/12/14 03:58
- Visual Basic(VBA) vbaマクロについて 次のようなマクロを組みたいです。 自分は初心者なので全くわかりません。 詳しく 8 2023/05/18 18:38
- その他(プログラミング・Web制作) データ解析ソフトRでのファイル入力read.csvがエラーになります 7 2022/03/27 22:11
- Visual Basic(VBA) VBAで出力したCSVファイルの先頭にカンマを挿入したい 5 2022/10/14 12:20
- Visual Basic(VBA) マクロを教えてください。 7 2023/06/01 19:47
- Excel(エクセル) csvに別のExcelの文章を差し込む 2 2023/04/01 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
スマフォではボタンを表示させ...
-
GASに文字列として関数を入れる...
-
HTMLでサブフレームから親のス...
-
HTMLタグに複数のクラスを設定...
-
ボタンを押したあとに画像を表...
-
【JS】selectでchangeした時の...
-
Cookieに保存されない
-
jQueryローディングアニメーシ...
-
初心者です。gulpでコンパイル...
-
スマホ上で、左右スワイプで次...
-
ローディングアニメーションの...
-
jQueryで同じクラス名のものを...
-
アップロードファイルの種類に...
-
【GAS】WEBアプリでハイパーリ...
-
階層別の組織図の自動作成について
-
GASでチェックボックスを一括of...
-
①入力フォーム→②確認表示画面→③...
-
プログラミング 学習
-
ジャバスクリプトについて。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ドラッグ & ドロップでのド...
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
SQLのmaxで求めた値を変数に代...
-
Selenium Basicの件
-
<input>のvalue値をプルダウン...
-
struts selectbox optionsColle...
-
javascriptの計算結果をvalue=""に
-
リスニング問題のプログラミン...
-
パソコンで動くjavascriptがス...
-
メールを送信するボタンでOutlo...
-
【お問い合わせフォーム】プル...
-
jquery.csv2table.jsに検索窓
-
IndexedDB を使ってファイルア...
-
サイト内のデータを絞り込んで...
-
WebbrowserよりHTMLのValue値を...
-
inputタグ内にあるid属性の意味?
-
複数対応できるチェックボック...
-
Doctrineのjoinについて
-
チェックボックスで得た複数回...
おすすめ情報