时间戳

首页 > 解决方案 > 无法获取表单输入的值

javascript - 无法获取表单输入的值

问题描述

我正在使用哈巴狗模板来公开一组对象，格式化为表格。这是哈巴狗模板：

each trans,index in property.transactions

 .tr                                                                        
       .td
             input.transInput(type="text", name=`salesPrice${index}`, id=`salesPrice${index}`, value=(trans.salesPrice).toLocaleString('en', { style: 'currency',  currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0}))

我正在尝试构建一个 RestAPI 进行编辑，但是当我尝试获取“salePrice”的值时，我得到了一个“null”值。

这是 JavaScript 代码：

if (updateTransaction)
updateTransaction.addEventListener('submit', (e) => {

e.preventDefault();
const price = document.getElementById('salesprice0');
const price2 = document.getElementById('salesPrice1');

console.log(price, price2);

});`

当我检查开发人员工具时，该值是正确的。见下文：

<input class="transInput" type="text" name="salesPrice0" id="salesPrice0" value="$1,000,000" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;">

标签： javascriptnode.jsformspug

解决方案

您正在混合您的大小写：salesprice0不等于salesPrice0. 注意大写P。

你需要更加小心和观察这些微小的细节。计算机将它们视为差异。

推荐阅读