使用<选择>带有Switch语句的标签(Java和HTML)
Using <select> tags with a Switch statment (Java and HTML)
我正在为游戏创建一个计算器,我想使用下拉菜单在switch语句中选择一个值;尽管它似乎不起作用,但它总是返回0。有人看到我哪里错了吗?此外,我对java和html还很陌生,所以如果有一个愚蠢的错误,我很抱歉。
http://jsfiddle.net/1r177khr/
这是我的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>
这是我的Java:
calcDarkTroops = function () {
var minionlevel = Number(document.getElementById("minionlevel_input").value);
String 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";
document.getElementById("minioncost_result").innerHTML = "= " + Math.round(maxString * 100) / 100 + " Dark Elixer";
}
尝试为您的选择选项提供value属性,并考虑提供默认选项
<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>
FIDDLE
试试这个:
<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";
}
查看此小提琴
相关文章:
- 如何在HTML5/Java脚本的Teechart中使Axis标签美观
- 从不同的标签调用 java 脚本函数
- 如何在 PHP 标签中访问 java 脚本变量
- 如何使用Selenium Webdriver和Java从href html标签中选择“Page=?” valuse
- 如何在 Java 脚本文件中添加 PHP 标签
- 我可以在java脚本中使用博客条件标签(IF)吗?
- 使用Java,如何验证/验证Google Analytics异步跟踪代码(分析片段)位于网页源的标签部分下
- 如何从stripes中获取标签值:java脚本或java中的选项集合
- java脚本可以'不要更改标签的内容
- 如何在Java Script中从长字符串中获取特定的字符串值?我想获得<tax_amt>标签
- 使用<选择>带有Switch语句的标签(Java和HTML)
- 一个Java Web应用程序的多标签问题-混合来自两个不同记录的数据
- 从下拉列表中检索并为Java Script设置标签
- 如何从html标签将数据临时存储在java脚本中
- s: submit在从java脚本访问值时返回标签值
- Java脚本-改变ASP的风格.. NET标签上的Page_Load
- Jquery-Mobile:如何在外部java脚本中使用name属性启用选择标签
- 如何在java-script或jquery中获得网格视图视图标签值
- 无法从asp.net中的java脚本中隐藏标签和网格视图
- 如果我在章节中写脚本标签,Java脚本不会被添加