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});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/05 08:59