2つのドロップダウンメニューの結果

Question

均一コストを決定する性別ドロップダウンメニューがあります。均一の

<p>Gender: 
<select required name="gender" onchange="calc(this.id, 'uniform')" id="gender"> 
<option value="0" >Select...</option> 
<option value="male">Male</option> 
<option value="female">Female</option> 
</select> <p> 

コストは

<p>Cost of Uniform: 
<select required name="uniform" id="uniform"> 
</select><p> 

はここで信頼性の性別、均一な

<script> 
function calc(u1,u2){ 

var u1 = document.getElementById(u1); 
var u2 = document.getElementById(u2); 
u2.innerHTML = ""; 
if (u1.value == "male"){ 
var optionArray = ["|","24300|N24,300"]; 
} 
else if (u1.value == "female"){ 
var optionArray = ["|","26400|N26,400"]; 
} 
for(var option in optionArray){ 
var pair = optionArray[option].split("|"); 
var newOption = document.createElement("option"); 
newOption.value = pair[0]; 
newOption.innerHTML = pair[1]; 
u2.options.add(newOption); 
} 
} 
</script> 

クラス（年）ドロップダウンメニューのための私のjavascriptのコードであるドロップダウンメニュー。生徒のクラスに依存

<p>Class: 
<select required name="childClass" onchange="childClass(this.id, 'schoolFees')" id="childClass"> 
<option value="0" >Select...</option> 
<option value="prenursery">Pre Nursery</option> 
<option value="nursery">Nursery</option> 
<option value="reception">Reception</option> 
<option value="year1">Year One</option> 
<option value="year2">Year Two</option> 
<option value="year3">Year Three</option> 
<option value="year4">Year Four</option> 
<option value="year5">Year Five</option> 
<option value="year6">Year Six</option> 
</select> 
<p> 

授業料のドロップダウンメニューは、クラスや学校手数料信頼性のあるドロップダウンのため

<p>School Fees: 
<select required name="schoolFees" id="schoolFees"> 
</select> 

Javascriptを選択しました。私はショートメソッドがあると確信していますが、これはまだ動作します。

<script> 
function childClass(s1,s2){ 
    var s1 = document.getElementById(s1); 
    var s2 = document.getElementById(s2); 
s2.innerHTML = ""; 
if (s1.value == "prenursery"){ 
    var optionArray = ["|","145000|N145,000"]; 
} 
else if (s1.value == "nursery"){ 
    var optionArray = ["|","145000|N145,000"]; 
} 
else if (s1.value == "reception"){ 
    var optionArray = ["|","147000|N147,000"]; 
} 
else if (s1.value == "year1"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
else if (s1.value == "year2"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
else if (s1.value == "year3"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
else if (s1.value == "year4"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
else if (s1.value == "year5"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
else if (s1.value == "year6"){ 
    var optionArray = ["|","149000|N149,000"]; 
} 
for(var option in optionArray){ 
    var pair = optionArray[option].split("|"); 
    var newOption = document.createElement("option"); 
    newOption.value = pair[0]; 
    newOption.innerHTML = pair[1]; 
    s2.options.add(newOption); 
} 
} 
</script> 

均一なドロップダウンで値を決定するには、クラス（年）と性別のドロップダウンをどのようにすることができますか。例えば。女性を選択して4年目にドロップダウンで別の値を取得する必要があります。

Answer 1

チェックこのhttps://jsfiddle.net/egq427g0/3/

私は0がClass