Question

这是我想要的。

我们有一个表格，如果他们需要一个称为量具的工具，我们在制造工厂的生产区域的人员填写表格。然后，我们的测量人员会获取信息并将其归档。我试图在我们的公司内部网上制作这个表格，但是在制作它们想要的方面遇到一些麻烦，不管我给他们什么都不会有什么大不了的。

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

我已经构建了大部分表，但没有全部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>

所以首先加载gage1是可见的。当文本输入gage1 asp框时，gage2变得可见。如果我不能这样做，那么我只会在每一个旁边做一个箭头，它会折叠表的另一行但是希望避免这样。

Answer 1

您可以在文本框中添加jQuery更改事件。

$('#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();
        }
    });
});

Answer 2

很久以前我解决了这件事抱歉。我制作了20行，并添加了一个+按钮，按下时会查看这些行以查看数据是否在其中，如果有，则会添加另一行。

可折叠条目

2 个答案: