我正在尝试使用下拉列表和JavaScript创建一个简单的计算器,但我无法获得结果。
在JavaScript中,如果设置值为Office,我会编写代码以返回1411.21
。否则它应该返回500。
但是,当我点击计算按钮时,它没有做任何事情。
这是我的HTML代码。
<html>
<form method="post">
<td>Setting : </td>
<select name="Setting" id="Setting">
<option value="Office">Office</option>
<option value="HOPD">HOPD</option>
</select>
<br/>
<td>Facility : </td>
<select name="Facility" id="Facility">
<option value="100015">Mount Sinai, 123 Main Street, New York</option>
<option value="100016">NYU Medical, 25 North Broadway, New York</option>
</select>
<table border=1>
<tr>
<td>Product Size : </td>
<td><100sq cm</td>
</tr>
<tr>
<td>Number of DFU patients :</td>
<td>10</td>
</tr>
<tr>
<td>Patient co-pay % (based on wage adj.rate) : </td>
<td>20%</td>
</tr>
<tr>
<td>Co-Pay percent actuallly collected : </td>
<td>75%</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" id="button" value="calculate" onclick="settingValue();">
</td>
</tr>
<tr>
<td>Result :</td>
<td>
<input type="text" id="result" placeholder="result">
</td>
</tr>
</table>
</br></br>
<table>
<tr>
<td>Medicare Payment Category</td> <td>High</td> <td>Low</td>
</tr>
<tr>
<td>Medicare Payment</td> <td id="medicarepayment" style="display: none">
<td>
</tr>
</table>
</form>
</html>
这是java脚本代码。
<script type="text/javascript">
var mydata = {
'Mount Sinai': ['100015','123 Main Street','New york'],
'NYU Medical' : ['100016,'25 North Broadway','New York]
}
var firstNum;
var secondNum;
var settingValue;
function settingValue(){
settingValue=document.getElementById("Setting").value;
document.getElementById("result").value=medicarePaymentCal(settingValue);
}
function medicarePaymentCal(value1){
var result;
if(value1=="Office"){
return 1411.21;
} else {
return 500;
}
}
function init() {
var button=document.getElementById("button");
button.onclick=medicarePaymentCal();
}
</script>
答案 0 :(得分:1)
看起来您正试图获取document.getElementById("setting").value
,但实际ID为“设置”
<select name="Setting">
<option value="Office">Office</option>
<option value="HOPD">HOPD</option>
</select>
尝试将getElementById更改为document.getElementById("Setting").value
好的,我为你做了一个JSFiddle: implode()
如果有效,请告诉我!我不记得我改变了所有内容,但我确实记得您需要将name="Setting"
更改为id="Setting"
以及其他一些内容。
答案 1 :(得分:0)
function settingValue(){
//settingValue=document.getElementById("setting").value;
var e = document.getElementById("Setting");
var settingValue = e.options[e.selectedIndex].value;
document.getElementById("result").value=medicarePaymentCal(settingValue);
}