Question

我正在制作一个包含对象的html表，我希望用户能够选择他要购买的对象数。我在线阅读了最好的方法，就是将表格放入表单中并在表格末尾添加输入。我有一个javascript函数，该函数应该读取输入数据，但在日志中未显示任何内容。文件的链接会更改为正确的数量，但不会更改为哪个对象的数量。

我将函数包装在一个window.onload中，该错误已修复，但是控制台仍然不显示任何内容。

<h2>Liste des articles</h2>
    <script src="tableform.js"></script>
    <form id="table-form">
    <table>
      <tr>
        <th>ID</th>
        <th>Article</th>
        <th>Prix</th>
        <th>Prix-Retour</th>
        <th>Quantitée maximale</th>
        <th>Projet</th>
        <th>Quantitée</th>
      </tr>
      <tr>
         <td>${txt.ID}</td>
         <td>${txt.Article }</td>
         <td>${txt.Prix}</td>
         <td>${txt.PrixRetour}</td>
         <td>${txt.QuantiteeMaximale}</td>
         <td>${txt.Projet}</td>
         <td><input type="number" name="quantity" min="1" max="5"></td>
       </tr>
    </table>
    <input type="submit">
    </form>

这是我的JavaScript代码

window.onload=function(){

  document.getElementById("table-form").addEventListener("submit", tableform);
  function tableform() {
    console.log(tableform.quantity.value);
  }
}

我希望程序将给我返回所选项目的数量和项目的ID /名称，以便我可以在表格末尾总计。现在，它仅显示文件链接中的数量（index.html？quantity = 2＆quantity = 2＃）

处理来自javascript中表单的输入

0 个答案: