表格中根据前一行选定的数量实时更新库存字段。

使用JavaScript和jQuery编写代码，通过监听表格的变化实现实时更新库存字段。具体代码示例如下：

HTML代码：

<table id="myTable">
  <thead>
    <tr>
      <th>商品名称</th>
      <th>单价</th>
      <th>数量</th>
      <th>库存</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品1</td>
      <td>10元</td>
      <td><input type="number" class="qty" value="1"></td>
      <td class="stock">100个</td>
    </tr>
    <tr>
      <td>商品2</td>
      <td>20元</td>
      <td><input type="number" class="qty" value="1"></td>
      <td class="stock">50个</td>
    </tr>
  </tbody>
</table>

JavaScript代码：

<script>
  // 监听表格变化
  $('#myTable').on('input', '.qty', function() {
    var row = $(this).closest('tr');
    var price = parseFloat(row.find('td:eq(1)').text()); // 获取单价值
    var qty = parseInt($(this).val()); // 获取数量值
    var stock = parseInt(row.find('td:eq(3)').text()); // 获取库存值
    var total = price * qty; // 计算总价值
    row.find('td:eq(2)').text(total + '元'); // 更新总价字段
    row.find('td:eq(3)').text(stock - qty + '个'); // 更新库存字段
  });
</script>

解释：首先，在每个数量输入框上添加了一个.qty类，用来标识它是数量输入框。其次，通过jQuery的on方法监听了表格的input事件，当输入框的值发生变化时，会触发回调函数。回调函数中，首先