Javascript 由两个用户确定的一个下拉菜单的结果

这是一个性别下拉菜单，用于确定统一成本

 <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>

制服的成本： 这是我的javascript代码，用于可靠的性别和制服

<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>

函数计算（u1，u2）{
var u1=document.getElementById（u1）；
var u2=document.getElementById（u2）；
u2.innerHTML=“”；
如果（u1.value==“男性”）{
var optionArray=[“|”和“24300 | N24300”]；
}
否则如果（u1.value==“女性”）{
var optionArray=[“|”和“26400 | n26400”]；
}
for（optionArray中的var选项）{
var pair=optionArray[option]。拆分（“|”）；
var newOption=document.createElement（“选项”）；
newOption.value=pair[0]；
newOption.innerHTML=pair[1]；
u2.选项。添加（新选项）；
}
}

类别（年份）下拉菜单

<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>

函数子类（s1，s2）{
var s1=document.getElementById（s1）；
var s2=document.getElementById（s2）；
s2.innerHTML=“”；
如果（s1.value==“prenursery”）{
var optionArray=[“|”和“145000 | N145000”]；
}
否则如果（s1.value==“托儿所”）{
var optionArray=[“|”和“145000 | N145000”]；
}
否则如果（s1.value==“接收”）{
var optionArray=[“|”和“147000 | N147000”]；
}
否则如果（s1.value==“第1年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
否则如果（s1.value==“第二年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
否则如果（s1.value==“第三年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
否则如果（s1.value==“第4年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
否则，如果（s1.value==“第5年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
否则，如果（s1.value==“第6年”）{
var optionArray=[“|”和“149000 | N149000”]；
}
for（optionArray中的var选项）{
var pair=optionArray[option]。拆分（“|”）；
var newOption=document.createElement（“选项”）；
newOption.value=pair[0]；
newOption.innerHTML=pair[1]；
s2.选项。添加（新选项）；
}
}

如何使“班级（年级）”和“性别”下拉列表确定“统一”下拉列表中的值。例如如果我选择女性和第4年，我应该在下拉列表中得到一个不同的值。

检查此项

我修改了

childClass

以相应地选择

Gender

和

Class

如果在

类中选择了0，则在
childClass
调用
calc
函数重置一致性的末尾，检查此项

我修改了
childClass
以相应地选择
Gender
和
Class

在
childClass
结束时，调用
calc
函数，如果在
Class
中选择了0，则重置制服，这非常棒，非常完美。我会仔细研究守则。我甚至可以把总数加起来。但我一直对结果感到不满。[link]函数中没有任何错误，在JSFIDLE中，它的工作原理略有不同。我已将
函数updateFee
更改为
window.updateFee=function（）
。请检查这里Hello@Kumar检查后我意识到，一旦你选择了性别、班级和制服，总数仍然显示NaN，直到你选择了学费，然后它开始累积到总数。我认为问题在于选择初始值（制服）以反映在总数中。这太棒了，太完美了。我会仔细研究守则。我甚至可以把总数加起来。但我一直对结果感到不满。[link]函数中没有任何错误，在JSFIDLE中，它的工作原理略有不同。我已将
函数updateFee
更改为
window.updateFee=function（）
。请检查这里Hello@Kumar检查后我意识到，一旦你选择性别、班级和制服，总数仍然显示NaN，直到你选择学费，然后它开始累积到总数。我认为问题在于选择初始值（制服）以反映在总数中。