Q&A
プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）
前提・実現したいこと
ここに質問の内容を詳しく書いてください。
選択フォームで日付を選択し、その選択した日付のjsonファイルを読み込んで既存のtableに表示させるということをしたいと考えてます。
ｊQueryのところがいまいちわかりません。
操作の流れとして
①選択フォームで日付を選択
②実行ボタンを押す
③日付に絡んだjsonファイルを読み込む
④すでにできているtableに(各セルにIDあり)jsonファイルの中身を割り当て表示する。
ネットなどいろいろ調べましたが、tableを新しく追加するコードしかありません。
説明不足があるかもしれませんがよろしくお願いします。
※tableは複数行２列で２データ（2日ぶんのjsonファイル）を並べて見れるようになっています。
html
<form name="form1" class="auto-style15" method="post"> <select name="carselect1" style="width: 163px"> <optgroup label="試合日"></optgroup> <option>20180608</option> <option>20180610</option> </select></form> <form name="form2" class="auto-style15" method="post"> <select name="carselect2" style="width: 163px"> <optgroup label="試合日"></optgroup> <option>20180608</option> <option>20180608</option> </select></form> <p> <input type="button" id="button1" value="実行1" /> <input type="button" id="button2" value="実行2" /> <input type="button" id="button3" value="実行3" /> </p> <table> <tr> <td id="a1"> </td> <td id="a2"> </td> </tr> <tr> <td id="a4"> </td> <td id="a5"> </td> </tr> </table>json
[
{"set1":"勝ち"}
{"set2":"負け"}
]
jQuery
<script> $(document).ready(function(){ $("#button1").click(function(){ var num = document.form1.carselect1.selectedIndex str1 = document.form1.carselect1.options[num].value jsonfile = 'C:\○○\○○\'+str1+'.json'; }); $("#button2").click(function(){ var num = document.form2.carselect2.selectedIndex str2 = document.form2.carselect2.options[num].value jsonfile = 'C:\○○\○○\'+str2+'.json'; }); $("input").click(function() { $.getJSONjsonfile,function(tes for(var s in tes){ //この辺がよくわからない。。。。 var myp = document.getElementById("a1") myp.innerHTML = tes[s].list1 var myp = document.getElementById("a2") myp.innerHTML = tes[s].list2 }; }); }); }); </script>
質問テンプレート部分の文言が残っています。質問内容や意図を読み取る上ではノイズにしかなりませんので、自身の質問に関係のある文章（およびソースコード）のみ残すか、きちんと残りのテンプレート部分を埋めてください。
jsonfileをWindowsのC://からのパスにしようとしていますが通常はありえません（もしかしたらChromeなどではエラーがでるかも） XAMPPなどでローカルサーバーを立てて実行された方が良いです。
通常はありえないんですよね。通常じゃないのでありえます。
「通常じゃない」とは何でしょうか。「ローカルファイルに対する通信はできない」という意味で「通常」と申し上げたのですが。
ひとまず、プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）
回答2件
0
httpベースでの処理ではないのですか？
ローカルファイルをとるような仕組みではないので
いまのままでは難しいと思います。
- httpdを新たに立ち上げるか
- wshなどwinのローカルで処理する仕組みで対応する
投稿2018/07/19 05:34
総合スコア114769
0
皆様ができないと自信を持って仰ってましたができました。
ありがとうございました。
投稿2018/08/01 03:30
総合スコア26
あなたの回答
tips
プレビュー
