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

Question

您好，我想知道如何将 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 的结果存储到按钮或表单中？希望我解释清楚了

Answer 1

你可以在表单中有一个隐藏的输入框

<input name="quotation" id="quotation" type="hidden">

并且代替 Js 中的警报，您可以拥有

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

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