私はJavaScriptを始めたばかりで、文法が分かっていなかったり、記法が汚いかもしれませんがご容赦ください!
個人情報入力フォーム的なものを作りながらJavaScriptの勉強をしています。
現在は、学歴の入力フォームを作っています。
仕様は、「中学」「高校」「大学」「行ってない」の4つのラジオボタンと、学校名が入ったセレクトボックスです。
セレクトボックスのデータは、ラジオボタンで学歴をクリックすると学歴ごとにJSONデータを読み込む感じです。
質問
1、$.getJSONの第2引数の{name,"chara"}の意味がよくわかりません。
サーバーサイドの知識が無いせいだと思うのですが、「サーバーに送信する値を設定」という言葉の意味が理解出来ません。サーバーサイドの知識がなくても分かるような説明が欲しいです。
分かりやすいサイトでも良いので教えてください。
javascript
1function schoolSelect(value) { 2 //セレクトボックスの初期化 3 arrayNum = document.form_signin.school.options.length; 4 for(var i=1; i<arrayNum; i++) { 5 document.form_signin.school.options[1] = null; 6 } 7 8 //選択した学校のリストをjsonファイルからAJAXで取得し、セレクトボックスに追加 9 switch(parseInt(value, 10)) { 10 case 0: //中学 11 $.getJSON("school.json", {name: "chara"}, function(data) { 12 var list = data.juniorhighschool; 13 $.each(list, function(i) { 14 document.form_signin.school.options[i] = new Option(list[i], list[i]); 15 }); 16 }); 17 break; 18 19 case 1: //高校 20 $.getJSON("school.json", {name: "chara"}, function(data) { 21 var list = data.highschool; 22 $.each(list, function(i) { 23 document.form_signin.school.options[i] = new Option(list[i], list[i]); 24 }); 25 }); 26 27 // for(var i=1; i<=list.length; i++ ) { 28 // document.form_signin.school.options[i] = new Option(list[i], list[i]); 29 // }; 30 31 break; 32 33 case 2: //大学 34 $.getJSON("school.json", {name: "chara"}, function(data) { 35 var list = data.university; 36 $.each(list, function(i) { 37 document.form_signin.school.options[i] = new Option(list[i], list[i]); 38 }); 39 }); 40 break; 41 42 default: break; 43 } 44} 45
HTML
1<form class="form-signin" name="form_signin"> 2 <tr> 3 <th>最終学歴<span style="color:red;">*</span></th> 4 <td> 5 <input type="radio" name="career" id="junior" value="0" onchange="schoolSelect(this.value)" ><label for="junior">中学</label> 6 <input type="radio" name="career" id="high-school" value="1" onchange="schoolSelect(this.value)" ><label for="high-school">高校</label> 7 <input type="radio" name="career" id="university" value="2" onchange="schoolSelect(this.value)" ><label for="university">大学</label> 8 <input type="radio" name="career" id="no-career" value="3" onchange="schoolSelect(this.value)" ><label for="no-career">行ってない</label> 9 <br> 10 学校名: 11 <select id="school" class="w250" onblur="careerCheck()" > 12 <option value="0" >-選択-</option> 13 </select> 14 <br> 15 <span id="careerError">*必須項目です</span> 16 </td> 17 </tr> 18</form>
よろしくお願いします!!!
回答1件
あなたの回答
tips
プレビュー