javascript - HTML Simple DropDown list and Result -
i trying create simple calculator drop down list , javascript , i'm having trouble getting result.
in javascript, wrote code return 1411.21
if setting value office. otherwise should return 500. however, when click calculate button, doesn't anything.
this html code.
<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>
and here java script code.
<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>
it looks you're trying document.getelementbyid("setting").value
actual id "setting" per
<select name="setting"> <option value="office">office</option> <option value="hopd">hopd</option> </select>
try changing getelementbyid document.getelementbyid("setting").value
edit
ok, made jsfiddle you: https://jsfiddle.net/dktoxtne/1/
let me know if works! don't remember changed, remember need change name="setting"
id="setting"
, few other things.
Comments
Post a Comment