質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

838閲覧

jquery.csv2table で検索フォームを設置したが全件表示したい

kagaminoB

総合スコア14

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/03/03 12:48

編集2018/03/03 12:50

jquery.csv2table-0.02-b-4.8.js (http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm#nview0)を利用させていただきcsvファイルからデータを取得しhtmlファイルに表示しています。
都道府県で検索できるように検索フォームを設置し、都道府県を選択すれば一致したレコードが正しく表示されています。
検索フォームから全データを表示できるようにしたいのですが、検索フォームを設置した場合は全データを表示できないのでしょうか?

html

1<form> 2<select class="parent" name="tiiki"> 3<option value="" selected="selected">-----地域を選択-----</option> 4<option value="北海道・東北">北海道・東北</option> 5<option value="関東">関東</option> 6 省略… 7</select> 8<select id="pre" class="children" name="ken" disabled> 9<option value="" selected="selected">-----都道府県を選択-----</option> 10<option value="北海道" data-val="北海道・東北">北海道</option> 11<option value="青森県" data-val="北海道・東北">青森県</option> 12 省略… 13</select> 14</form> 15<script> 16<script> 17var $children = $('.children'); 18var original = $children.html(); 19$('.parent').change(function() { 20 var val1 = $(this).val(); 21 $children.html(original).find('option').each(function() { 22 var val2 = $(this).data('val'); 23 if (val1 != val2) { 24 $(this).not(':first-child').remove(); 25 } 26 }); 27 if ($(this).val() == "") { 28 $children.attr('disabled', 'disabled'); 29 } else { 30 $children.removeAttr('disabled'); 31 } 32}); 33$("#pre").change(function(){ 34 var val = $('#pre').val(); 35 $('#view0').csv2table('./list.csv', { 36 where: [ {'都道府県':'like ' +(val) + '%'} ],select:[0,1,2,3,4,5,6,7] 37 }); 38 }); 39</script> 40 41<div id="view0"></div>

下記のscriptで(検索とは無関係に)全件表示ができるのですが検索フォームの結果表示ができる上記のscriptと組み合わせることができません。

script

1$(function(){ 2 $('#view0').csv2table('./data/Book12.csv'); 3});

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

js

1$('#view0').csv2table('./list.csv',val ? { 2 where: [ {'都道府県':'like ' +(val) + '%'} ],select:[0,1,2,3,4,5,6,7] 3} : {});

など、preの値が""の場合は、第2引数に{}またはnullを渡すなりすればいいのでは?

投稿2018/03/03 13:48

turbgraphics200

総合スコア4267

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kagaminoB

2018/03/05 08:59

回答ありがとうございます。 教えていただいたコードに変更したところ、 1.地域→各都道府県名 を選択すると表が表示されなくなりました。 ずっと読込中となります。 2.「何も選択しない」という状態ができません。   検索フォームで地域を選択し、各都道府県を選択するとリストが表示   される仕様です。
guest

0

自己解決

地域のみを選択後に都道府県を選択しない場合に全データが表示されることに気が付きました

投稿2018/03/29 09:53

kagaminoB

総合スコア14

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問