弹窗中选择商品后在另一个文本框显示供应商并锁定文本框

这可以通过JavaScript来实现。你可以在弹窗中编写JavaScript代码，用于在选择商品后显示供应商并锁定文本框。

以下是一个示例代码，你可以根据你的实际需求进行修改：

<!-- 弹窗中选择商品的代码 -->
<select id="product" onchange="showSupplier()">
  <option value="">请选择商品</option>
  <option value="product1">商品1</option>
  <option value="product2">商品2</option>
  <option value="product3">商品3</option>
</select>

<!-- 显示供应商的文本框 -->
<input id="supplier" type="text" readonly>

<!-- JavaScript代码 -->
<script>
function showSupplier() {
  // 获取选中的商品
  var selectedProduct = document.getElementById("product").value;
  
  // 根据选中的商品设置对应的供应商
  var supplier = "";
  switch(selectedProduct) {
    case "product1":
      supplier = "供应商1";
      break;
    case "product2":
      supplier = "供应商2";
      break;
    case "product3":
      supplier = "供应商3";
      break;
    default:
      supplier = "";
      break;
  }
  
  // 显示供应商并锁定文本框
  document.getElementById("supplier").value = supplier;
  document.getElementById("supplier").readOnly = true;
}
</script>

在这个示例中，我们首先使用`onchange`事件来监听商品选择的变化。当用户选择了不同的商品时，`showSupplier()`函数将被调用。

在`showSupplier()`函数中，我们首先获取了选中的商品。然后根据选中的商品设置对应的供应商。最后，我们使用JavaScript将供应商显示在文本框中，并将文本框锁定，使得用户无法编辑。