Laravel 取决于所选下拉列表的LAVEL数据

一个小时以来，我一直试图根据从下拉菜单中选择的产品动态更改输入字段的值，但我似乎不知道如何更改。 这是我填充产品的方式：

<select name="product_id" v-model="form.product_id" id="product_id" class="form-control" :class="{'is-invalid': form.errors.has('product_id') }">
       <option v-for="product in products" :value="product.product_id">{{product.product_name}}</option>
</select>

---

提前谢谢。

试试这个，希望能满足您的要求

在模板的选择选项中

   <select @click="selectProduct(product)"  class="custom-select" v-model="form.product_id">
        <option disabled value="">Select Product</option>
        <option v-for="product in products" :key="product.product_id" :value="product.product_id">{{product.product_name}} </option>
   </select>

在您的模板上：假设您的产品数量。产品数量。根据需要更改此选项

  <td><input :class="{ 'selected': product == selected }" name="product_qty" value="" class="form-control" disabled>{{ product.product_qty }}</input></td>

{{product.product_qty}

它返回一个错误“无法读取未定义的属性'length'”但不返回任何错误。但是，当我在上选择一个值时，该值仍然为空且不显示任何值。您是否更改了{{product.product_qty}？你的产品表中数量栏的名称是什么？我已经发布了另一个关于我这个问题的问题，请随意检查，因为我使用了另一种对我来说更有效的方法。谢谢是的，我确实将product.product\u数量更改为正确的产品表。请共享该问题的链接

   <select @click="selectProduct(product)"  class="custom-select" v-model="form.product_id">
        <option disabled value="">Select Product</option>
        <option v-for="product in products" :key="product.product_id" :value="product.product_id">{{product.product_name}} </option>
   </select>

 data() {
        return {
            selected: this.products ? this.products[0] : null
        };
    },
    methods: {
       selectProduct(product) {
            this.selected = product;
            this.$emit('selected', product);
            }
    },

  <td><input :class="{ 'selected': product == selected }" name="product_qty" value="" class="form-control" disabled>{{ product.product_qty }}</input></td>