如何将Javascript输出存储到表单中

时间:2015-12-04 17:22:05

标签: javascript html html5 forms

您好我想知道如何将javascript计算存储到表单中,而不是将其作为警报或仅在另一页中写出?以下是我的Javascript代码,用于计算价格。

<script type="text/javascript">
    function getQuote() {
        var qtyvar = document.getElementById("qty").value;
        var qlyvar= document.getElementById("qly").value;
        var quote;
        if (qlyvar=="basic") {
            quote=10*qtyvar;
        }
        else if (qlyvar=="medium") {
            quote=15*qtyvar;
        }
        else if (qlyvar=="high") {
            quote=20*qtyvar;
        }
alert('£' + quote);

}

按下此按钮时会运行此脚本

<p><input class="mybutton" name="Quote" value="Calculate quote" onclick="getQuote();"></p>

如何将Javascript的结果存储到按钮或表单内?希望我能清楚地解释这个

2 个答案:

答案 0 :(得分:4)

您可以在表单

中包含隐藏的输入字段
<input name="quotation" id="quotation" type="hidden">

在Js代替警报,你可以

document.getElementById("quotation").value = quote;

供您参考 - http://plnkr.co/edit/5tV02Tbc6YWTiYKJOtVE?p=preview

答案 1 :(得分:3)

您可以在表单中放置隐藏字段,然后在单击按钮时将隐藏字段值设置为结果。

<input type='hidden' id='result_hdn' value=''>

然后是代码:

document.getElementById("result_hdn").value= quote;