Question

<button type="button" class="btn btn-primary" onClick="addRow()">Add  
 Product</button></div>
<table id="dataTable" class="table product">
   <tbody>
   </tbody>
</table>

<script>
function addRow()
{
   var newRow = jQuery('<tr><td><input type="text" name="product_id[]"></td> 
   <td><input type="text" name="description[]"></td><td><input type="text" 
   name="price[]"></td></tr>');
   jQuery('table.product-details tbody').append(newRow);
}
</script>

在上面的代码中，当用户单击按钮时，将执行上面的功能，以便动态生成表（行和列）。

在这种情况下，当用户单击特定的textbox时，行数为n，列数为n。我只想检索相应的值而无需使用for loop，{{ 1}}方法和eq()事件。例如：如果用户单击表中的第三行第二列文本框，则仅检索该第三行第二列值。

Answer 1

尝试此代码

在onclick上使用input函数，并使用此获取输入value or attributes

function addRow() {

  var newRow = jQuery('<tr><td><input type="text" name="product_id[]" onclick="fun(this)"></td><td><input type = "text" name = "description[]" onclick="fun(this)"></td><td><input type="text" name = "price[]" onclick="fun(this)"> </td></tr> ');
  jQuery('table#dataTable tbody').append(newRow);
}

function fun(t) {
  alert(jQuery(t).val());
  alert(jQuery(t).attr('name'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-primary" onClick="addRow()">Add  
 Product</button></div>
<table id="dataTable" class="table product">
  <tbody>
  </tbody>
</table>

当用户单击第n行和第n列的文本框时，如何检索值（使用jquery在一行中）

1 个答案: