Question

大家好我有以下HTML代码，它生成带字段的行，每行有几个字段，对于row1，有一个名为“sku1”的输入，等等。：

问题是当页面加载时，skuX还没有输入，因此无法从后面的代码访问。

表格HTML

中的代码

<table class="table table-striped" style="margin:10px" runat="server" id="tablaSKU" data-row-prototype="&quot;&lt;tr&gt; &lt;th&gt;__id__&lt;/th&gt; &lt;th class=&quot;col-sm-2&quot; name=&quot;sku&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;sku__id__&quot; class=&quot;form-control&quot; runat=&quot;server&quot;&gt; &lt;/th&gt; &lt;th class=&quot;col-sm-1&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;precio__id__&quot; class=&quot;form-control&quot; runat=&quot;server&quot;&gt; &lt;/th&gt; &lt;th class=&quot;col-sm-3&quot;&gt; &lt;input type=&quot;text&quot; id=&quot;descripProd__id__&quot; class=&quot;form-control&quot; runat=&quot;server&quot;&gt; &lt;/th&gt; &lt;th class=&quot;col-sm-2&quot;&gt; &lt;input type=&quot;date&quot; id=&quot;dataInit__id__&quot; class=&quot;form-control&quot; runat=&quot;server&quot;&gt; &lt;/th&gt; &lt;th class=&quot;col-sm-2&quot;&gt; &lt;input type=&quot;date&quot; id=&quot;dataFin__id__&quot; class=&quot;form-control&quot;runat=&quot;server&quot;&gt; &lt;/th&gt; &lt;th class=&quot;col-sm-2&quot;&gt; &lt;select id=&quot;opcion__id__&quot; runat=&quot;server&quot; class=&quot;formularioChekLst form-control&quot;&gt; &lt;/option&gt; &lt;option&gt;Opci&#243;n">
  <thead>
    <tr>
      <th></th>
      <th>SKU</th>
      <th>Precio €</th>
      <th>Descripción</th>
      <th>Fecha Inicio Demo</th>
      <th>Fecha Fin Demo</th>
      <th>Tipo de préstamo</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

然后是不断生成行的javascript

    <script src="js/bootstrap.min.js"></script>
       <script type="text/javascript">
           var table = $('#tablaSKU');

           rowCount = 1;

           function appendRow() {
               var content = table.data('row-prototype').replace(/__id__/g, rowCount);

               table.find('tbody').append(content);

               ++rowCount;
               document.getElementById('rowCounter').value = rowCount - 1;
           }

           $(function () {
               appendRow(); // Append the first row on page load

               $('div#myform').on('change', function () {
                   var inputs = $(this).find(':input,select'),
        valid = true;
                   $.each(inputs, function () {
                       if ($(this).val() == '') {
                           valid = false;
                       }
                   });

                   if ((valid) && rowCount < 11) {
                       appendRow();

                   }
                   if ((valid) && rowCount >= 11) {
                       window.alert("Ha alcanzado el número máximo de SKUs(10)");
                   }
               });
           });
</script>

问题在于，如果我尝试从第5行（将由具有id sku5的脚本命名）访问输入，例如SKU，它将从后面的代码中说sku5.Text将不存在

谢谢

访问动态表的元素

0 个答案: