我正嘗試使用下拉列表和JavaScript創建一個簡單的計算器,並且我無法獲得結果。HTML簡單下拉列表和結果
在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>
此外,result元素聲明爲只讀(儘管這是typo'd),並且元素永遠不會關閉。 – Devsman
我將其更改爲document.getElementById(「Setting」)。value並且它仍然不起作用。 –
正如@Devsman所示,Result Input存在錯字,嘗試更改 –