Layui中的select与表格组合计算价格

可以通过以下步骤来实现Layui中select与表格组合计算价格：

1. 首先，在页面上创建一个下拉框（select）和一个表格（table），并且在下拉框中添加选项。例如：

<select id="select">
  <option value="0">请选择商品</option>
  <option value="100">商品A</option>
  <option value="200">商品B</option>
  <option value="300">商品C</option>
</select>

<table id="table" lay-skin="line">
  <thead>
    <tr>
      <th>商品名称</th>
      <th>单价</th>
      <th>数量</th>
      <th>总价</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品A</td>
      <td>100</td>
      <td><input type="number" value="0" min="0" max="99"></td>
      <td>0</td>
    </tr>
    <tr>
      <td>商品B</td>
      <td>200</td>
      <td><input type="number" value="0" min="0" max="99"></td>
      <td>0</td>
    </tr>
    <tr>
      <td>商品C</td>
      <td>300</td>
      <td><input type="number" value="0" min="0" max="99"></td>
      <td>0</td>
    </tr>
  </tbody>
</table>

2. 接着，在页面中添加一个按钮，用于计算价格。例如：

<button id="btn" class="layui-btn">计算价格</button>

3. 然后，在JavaScript中获取下拉框和表格，并且为按钮添加点击事件。在事件处理程序中，获取选中的商品价格和数量，计算总价，然后更新表格中每个商品的总价和总价汇总。例如：

// 获取select和table
var select = document.getElementById('select');
var table = document.getElementById('table');

// 获取按钮并添加点击事件
var btn = document.getElementById('btn');
btn.addEventListener('click', function() {
  // 获取选中的商品价格和数量
  var price = select.value;
  var quantity = [];
  var trs = table.getElementsByTagName('tr');
  for (var i = 1; i < trs.length; i++) {
    var input = trs[i].getElementsByTagName('input')[0];
    quantity.push(input.value);
  }
  
  // 计算总价
  var total = 0;
  for (var i = 0; i < quantity.length; i++) {
    total += price * quantity[i];
  }
  
  // 更新表格中每个商品的总价和总价汇总
  for (var i = 1; i < trs.length; i++) {
    var tds = trs[i].getElementsByTagName('td');
    var subtotal = price * quantity[i-1];
    tds[3].innerHTML = subtotal;
  }
  var tfoot = table.getElementsByTagName('tfoot')[0];
  var tds = tfoot.getElementsByTagName('td');
  tds[1].innerHTML = total;
});

通过以上步骤，就可以实现Layui中select与表格组合计算价格的功能。