jquery.csv2table-0.02-b-4.8.js (http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm#nview0)を利用させていただきcsvファイルからデータを取得しhtmlファイルに表示しています。
都道府県で検索できるように検索フォームを設置し、都道府県を選択すれば一致したレコードが正しく表示されています。
検索フォームから全データを表示できるようにしたいのですが、検索フォームを設置した場合は全データを表示できないのでしょうか?
html
<form> <select class="parent" name="tiiki"> <option value="" selected="selected">-----地域を選択-----</option> <option value="北海道・東北">北海道・東北</option> <option value="関東">関東</option> 省略… </select> <select id="pre" class="children" name="ken" disabled> <option value="" selected="selected">-----都道府県を選択-----</option> <option value="北海道" data-val="北海道・東北">北海道</option> <option value="青森県" data-val="北海道・東北">青森県</option> 省略… </select> </form> <script> <script> var $children = $('.children'); var original = $children.html(); $('.parent').change(function() { var val1 = $(this).val(); $children.html(original).find('option').each(function() { var val2 = $(this).data('val'); if (val1 != val2) { $(this).not(':first-child').remove(); } }); if ($(this).val() == "") { $children.attr('disabled', 'disabled'); } else { $children.removeAttr('disabled'); } }); $("#pre").change(function(){ var val = $('#pre').val(); $('#view0').csv2table('./list.csv', { where: [ {'都道府県':'like ' +(val) + '%'} ],select:[0,1,2,3,4,5,6,7] }); }); </script> <div id="view0"></div>
下記のscriptで(検索とは無関係に)全件表示ができるのですが検索フォームの結果表示ができる上記のscriptと組み合わせることができません。
script
$(function(){ $('#view0').csv2table('./data/Book12.csv'); });
まだ回答がついていません
会員登録して回答してみよう