質問: 今現在csvを読み込み、一括で出力する所までは成功したのですが、 このcsvデータをセレクトメニューの項目ごとに、出力するにはどのようにすればよいでしょうか。 例えばサッカーという項目を選択したならcsvの2行目の「100」と「2」というデータが、 「人数:」と「順位:」の:の横に表示されるという具合です。 項目を選択するごとにcsvのデータに沿って値が変わるというものです。 ここに記述しているプログラムではどの項目を選択しても「人数,順位 100,1 200,2 300,3 400,4 500,5」というデータが表示されるだけです。これからcsvデータの行数も増えるかもしれないです。 jqueryのバージョンは2.1.4.minです。 ご回答よろしくお願い致します。 ``` 選ぶ サッカー 野球 テニス バスケット バレー 人数: 順位: ``` ``` $( function() { $( '#ajax__button option' ) .click( function() { $.ajax( { url: 'sample.csv', type: 'get', dataType : 'text', cache : false, success: function( data ) { $( '#ajax__text' ).html( data ); } } ); } ); } ); ``` ``` csvの中身です 人数,順位 100,1 200,2 300,3 400,4 500,5 ``` jsfiddleだとcsvが読み込まれなくジオシティーズの方にもアップしました。
回答: サーバー側でcsvをjsonに変換するプログラムを用意するのがラクでしょう。 もしサーバー側のプログラムを作れないというのであれば うけとったdataを地味に改行マークやカンマで分割し、jsonライクな データにした上で、javascriptでselectを更新することになります。 ただし、csv上にsuccerやbaseballというキーになる文字がないため 順番だけがたよりになります。 これはデータ管理上危険ですのであまりお勧めできません