Javascript 使用<；选择>；带有开关状态的标记（Java和HTML）

我正在为一个游戏创建一个计算器，我想使用一个下拉菜单在switch语句中选择一个值；虽然它似乎不起作用，但它总是返回0。有人能看出我哪里出错了吗？另外，我对java和html还相当陌生，如果有一个愚蠢的错误，我很抱歉

这是我的html：

<form onsubmit="return calcDarkTroops(0);" style="display: inline;">
<!-- Title of Form /--> <font>Level</font> 
<!-- Gets Input /-->
<select id="minionlevel_input">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>
<!-- Calls 'calcDarkTroops' /-->
<input type="button" value="Calculate" onclick="calcDarkTroops();">
<!-- Outputs result /--> <span id="minioncost_result"> = 0 Dark Elixer</span>

---

尝试将值属性提供给您的选择选项，也考虑提供默认选项，

<select id="minionlevel_input">
    <option value="0">Select</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

挑选
1.
2.
3.
4.
5.
6.

试试这个：

<form style="display: inline;">
<!-- Title of Form /--> <font>Level</font> 
<!-- Gets Input /-->
<select id="minionlevel_input">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>
<!-- Calls 'calcDarkTroops' /-->
<input type="button" value="Calculate" onclick="return calcDarkTroops(document.getElementById('minionlevel_input').value)">
<!-- Outputs result /--> <span id="minioncost_result"> = 0 Dark Elixer</span>

<script>
 function calcDarkTroops(minionlevel) {
   var maxString;
   switch (minionlevel) {
     case '1':
         maxString = "200,000";
         break;
     case '2':
         maxString = "190,000";
         break;
     case '3':
         maxString = "170,000";
         break;
     case '4':
         maxString = "140,000";
         break;
     case '5':
         maxString = "100,000";
         break;
     case '6':
         maxString = "0";
         break;    
   }
     document.getElementById("minioncost_result").innerHTML = "= " + Math.round(parseInt(maxString) * 100) / 100 + " Dark Elixer";

水平仪
1.
2.
3.
4.
5.
6.
=0暗Elixer
功能计算（最低级别）{
var-maxString；
开关（最小级别）{
案例“1”：
maxString=“200000”；
打破
案例“2”：
maxString=“190000”；
打破
案例“3”：
maxString=“170000”；
打破
案例“4”：
maxString=“140000”；
打破
案例“5”：
maxString=“100000”；
打破
案例“6”：
maxString=“0”；
打破
}
document.getElementById（“minioncost_result”）.innerHTML=“=”+Math.round（parseInt（maxString）*100）/100+“暗色Elixer”；

}

---

看到这个

控制台显示CalcDarkForems（）；未定义。您的Java看起来像javascript

String maxString

->

var maxString

<form style="display: inline;">
<!-- Title of Form /--> <font>Level</font> 
<!-- Gets Input /-->
<select id="minionlevel_input">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>
<!-- Calls 'calcDarkTroops' /-->
<input type="button" value="Calculate" onclick="return calcDarkTroops(document.getElementById('minionlevel_input').value)">
<!-- Outputs result /--> <span id="minioncost_result"> = 0 Dark Elixer</span>

<script>
 function calcDarkTroops(minionlevel) {
   var maxString;
   switch (minionlevel) {
     case '1':
         maxString = "200,000";
         break;
     case '2':
         maxString = "190,000";
         break;
     case '3':
         maxString = "170,000";
         break;
     case '4':
         maxString = "140,000";
         break;
     case '5':
         maxString = "100,000";
         break;
     case '6':
         maxString = "0";
         break;    
   }
     document.getElementById("minioncost_result").innerHTML = "= " + Math.round(parseInt(maxString) * 100) / 100 + " Dark Elixer";