jqueryで$each()のコードをなんと入力すればよいか教えてください

前提・実現したいこと

jQueryで練習問題を解いています。模範解答を教えていただけますでしょうか

発生している問題・エラーメッセージ

チェックボックスで”山田”を選択するとalertで「山田さんは100点です」と表示させたい。(”青木”を選択すると「青木さんは70点です」etc...)

該当のソースコード

<!DOCTYPE html> <html> <meta charset=utf-8> <script src="jquery.js"></script> <body> <form> <select id="name"> <option value="山田">山田</option> <option value="青木">青木</option> <option value="鈴木">鈴木</option> <option value="佐藤">佐藤</option> <option value="渡邊">渡邊</option> </select> <input type="button" value="表示" onclick="a()"> </form> </body> </html> <script> function a(){ s=$("#name").val(); $.ajax({ url:"kekka.txt", success:function(data){ var a=data.split("\n"); $.each(a,function(key,value){ //key=0 value="山田,100" b=value.split(","); //b[0]="山田" b[1]=100 if(b[0]==s){ alert(b[0]+"さんは"+b[1]+"です"); }else{ if(b[0])alert(""); } }); } }); } </script>

//コードはここまでです。

"kekka.txt"の内容は

山田,100
青木,70
鈴木,90
佐藤,85
渡邊,90

です。

$each(a,function(key,value){

});
ここの中のコードがわからず、途中までになっています。。

試したこと

教科書を読みましたがまだ理解に至っていません。。
ご教示願いたいです、よろしくお願い致します。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2019/07/22 05:09

コードはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/help#about-markdown

m.ts10806

2019/07/22 05:14

＞模範解答を教えていただけますでしょうか何かの課題なのでしょうか。課題代行のサイトではないので、そこはご注意ください。また現在のコードにおける問題点とそれに対して調べたこと試したことを具体的に書かれると良いです。

退会済みユーザー

2019/07/22 05:19

返信ありがとうございます。独学で勉強しておりましてどうしてもわからず困っておりますのでこちらに質問させていただきました、、マークダウンのcode機能のご指摘ありがとうございます、直してみます。問題点とそれに対して調べたこと試したことを追加してみます。ありがとうございます！

m.ts10806

2019/07/22 05:25

コードだけ見るとできてそうに思うので（動かしてません）、「何が」「どう」分からないのか、詰まっていることを具体的に書くと良いです。それに1つのことを実現する際に手順は1つではないので「模範解答は存在しない」というのが実際です。同じ要件でも10人が組めば全員同じコードになる可能性は極めて低いです。

行動規範の内容に同意します

回答1件

ベストアンサー

たとえばcsvはライブラリに任してしまうとか・・・

javascript
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset=utf-8>
5<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
6<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.3/jquery.csv.min.js"></script>
7<script>
8$(function(){
9  $('#view').on('click',function(){
10    var v=$("#name").val();
11    $.ajax({
12    url:"y.php",
13    }).done(function(data){
14      var v=$('#name').val();
15      var b=($.csv.toArrays(data).filter(function(x){
16        return x[0]==v;
17      })[0]||[])[1]||null;
18      if(b){
19        alert(v+"さんは"+b+"です"); 
20      }
21    });
22  });
23});
24</script>
25</head>
26<body>
27<form>
28<select id="name">
29<option value="不明">不明</option>
30<option value="山田">山田</option>
31<option value="青木">青木</option>
32<option value="鈴木">鈴木</option>
33<option value="佐藤">佐藤</option>
34<option value="渡邊">渡邊</option>
35</select>
36<input type="button" value="表示" id="view">
37</form>
38</body>
39</html>
40
41