HTML Simple DropDown列表和结果

时间:2016-07-25 18:11:46

标签: javascript html

我正在尝试使用下拉列表和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>

2 个答案:

答案 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);

            }