可折叠条目

这就是我要去的。

我们有一个表格，我们在制造工厂生产区域的人填写一份表格，如果他们需要一个叫做量具的工具。 然后，我们的量具人员将信息归档。 我正在尝试在我们公司的内网上制作表格，但在按照他们想要的方式制作它时遇到了一点麻烦，没什么大不了的，他们会接受我给他们的任何东西。

基本上，这将适用于大约 25 个条目。 他们会输入他们想要的东西，表格将通过电子邮件发送给我们的量具人员，非常简单。 我正在尝试做的是创建一个包含 25 个条目但在页面加载时不可见的表，只有第一个是。 一旦用户开始在第一行中键入内容，我希望出现第 2 行，依此类推。 这样的事情可能吗？

我已经构建了大部分表格，但不是所有 25 个条目，只有 5 个用于测试目的。

这是我的表格：

    <tr id="gage1">
      <th width="38" scope="row">1</th>
    <td width="346"><asp:TextBox ID="gage1" runat="server"></asp:TextBox></td>
  </tr>
  <tr id="gage2">
    <th scope="row">2</th>
    <td><asp:TextBox ID="gage2"></asp:TextBox></td>
  </tr>
  <tr id="gage3">
    <th scope="row">3</th>
    <td><asp:TextBox ID="gage3" ></asp:TextBox></td>
  </tr>
  <tr id="gage4">
    <th scope="row">4</th>
    <td><asp:TextBox ID="gage3" ></asp:TextBox></td>
  </tr>
    <tr id="gage5">
      <th scope="row">5</th>
      <td><asp:TextBox ID="gage4" ></asp:TextBox></td>
  </tr>
    </table>

因此，在第一次加载量具1是可见的。 当文本输入量具 1 asp 框时，量具 2 将变为可见。 如果我不能这样，那么我将在每个箭头旁边做一个箭头，这将折叠表格的另一行，但希望避免这种情况。

$('#gageTable input').change(function() {
    $(this).closest('tr').next().show();
});

$(document).load(function () {
    $('#gageTable input').each(function () {
        if ($(this).val() != '') {
            var tr = $(this).closest('tr');
            tr.show();
            tr.next().show();
        }
    });
});