【问题标题】:Updating two form inputs from 1 input从 1 个输入更新两个表单输入
【发布时间】:2016-10-13 05:42:44
【问题描述】:

我通常在 VBScript 中工作,但我试图用一些 javascript 帮助朋友,但我一直遇到语法错误。我正在处理 PayPal 链接,并且正在尝试根据数量字段更新金额。

Javascript 部分:

<script language="javascript">
function updateQTY() {
   var Qty = document.getElementByID('quantity');
   var vshowCost = document.getElementByID('showCost');
   var vpostCost = document.getElementByID('postCost'); 
   vshowCost.value=parsefloat(Qty.value)*100;
   vpostCost.value=parsefloat(Qty.value)*100;
   return 1;
}​
</script>

HTML 表单代码:

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="consulting" id="consulting">
    <tr class="StoreFront">
        <td class="StoreFront">
            <b>Consulting
            <br/>
            <input type="text" name="quantity" id="quantity" size="4" onchange="updateQty();" value="2">
            Cost: $<input type="text" name="showCost" id="showCost" value="200" size="8" readonly>CAD
        </td>
        <td class="StoreFront" valign="top" width="130px">
            <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
            <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
            <input type="hidden" id="postCost" name="amount" value="0.00">
            <br/>
        </td>
    </tr>
</form>

我在右大括号处收到一个无效的令牌错误。有什么想法吗?

【问题讨论】:

  • 复制粘贴你的sn-p时,右大括号后面有一个奇怪的字符:charCode 8203
  • 正如 Thomas 所说,当我将它粘贴到 CodePen 时,我注意到了这一点。很确定这就是原因。

标签: javascript html forms paypal


【解决方案1】:

您应该知道 Javascript 是区分大小写的。您的 javascript 函数中有很多错误。试试看:

function updateQty() {
   var Qty = document.getElementById('quantity');
   var vshowCost = document.getElementById('showCost');
   var vpostCost = document.getElementById('postCost');
   vshowCost.value = parseFloat(Qty.value)*100;
   vpostCost.value = parseFloat(Qty.value)*100;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-05
    • 2014-12-23
    • 1970-01-01
    • 2022-01-26
    • 1970-01-01
    相关资源
    最近更新 更多