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

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -