如何查询从表列中选择所有输入

Posted 2023-05-09

【中文标题】如何查询从表列中选择所有输入

【英文标题】：How can I query select all inputs from table column

【发布时间】：2020-07-06 06:53:56

【问题描述】：

我正在尝试从表格中获取输入。该表只有 2 列，我如何从这些列中获取输入？我想为每列项目使用不同的 var 吗？我应该使用数组吗？这是我的桌子：

       <table id="resultTable" cellpadding="1" cellspacing="1" border="1">
            <tr>
                <th scope="col"></th>
                <th scope="col">Hoeveelheid</th>
                <th scope="col">Gewicht x KG</th>
            </tr>
            <tr>
                <td>1</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
            <tr>
                <td>2</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
            <tr>
                <td>3</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
        </table>

解决此问题的最佳方法是什么？我尝试按标签名称选择。

【问题讨论】：

请向我们展示您的尝试。如果你谷歌一下，还有很多例子

可能是因为你输入的标签是大写的？

@MarekSzkudelski 的情况对于 html 源代码并不重要，就标签而言

您的输入需要一个类似name="data[col1][]"的名称

@justrusty 为什么？

【参考方案1】：

这里是 jQuery 的一个快速的：

将tableid替换为你的表的id

var col1_Array = $('#tableid td:nth-child(1)').map(function()
   return $(this).text();
).get()​;

var col2_Array = $('#tableid td:nth-child(2)').map(function()
   return $(this).text();
).get()​;

【讨论】：

返回第二列的第一列吗？你到底做了什么？

这是一个模板 - 用你的真实 ID 替换 tableId 并通过 console.debug 尝试你得到的 - 很抱歉没有为你做所有的工作