如何根據下拉菜單中的選擇顯示表格值？

Question

我想基於對包含產品ID的下拉列表的選擇，在輸入文本字段上顯示產品的描述（這是MEDIUM TEXT字段類型）。 棘手的部分是我想通過產品ID查詢數據庫。

我可以使用Javascript在輸入文本字段上顯示產品說明，但我想通過產品ID查詢數據庫。

我有一個非常簡單的數據庫：product_ID | product_descrip“ product_descrip”是MEDIUM TEXT字段類型，每個產品最多可包含16Mb。

我的控制器：

public function findProduct() {
    $products = Product::All();

    return view("updatingStock", compact("products"));
  }

public function stockUpdate(Request $req) {

  $selectedProduct = Product::where("product_ID", "=", $req["productsOption1"])->first();

  $selectedProduct->update();

  return redirect("/updatingStock");
}

我的觀點：

<select class="form-control" name="productsOption1" id="dropdown1">
      <option value="" selected>Product...</option>
    @foreach ($products as $product)
      <option value={{$product["product_descrip"}}>{{$product["product_ID"]}}</option>;
    @endforeach
  </select>

<input class="form-control" id="myproduct" type="text" placeholder=""  readonly>

我的腳本：

<script type="text/javascript">
            var oneproduct = document.getElementById('myproduct1');
            var mydropdown = document.getElementById('dropdown1');

            mydropdown.onchange = function(){
                  myproduct.value = this.value;
            }
        </script>

如您所見，我能夠在輸入的只讀字段上顯示產品說明，但是我需要通過product_ID而不是product_descrip查詢數據庫

萬分感謝！

Answer 1

檢查一下

然后將您選擇的vlaue更改為id，在js中使用這樣的數據初始化數組

var Products = {!!json_encode($selectedProduct  -> toArray()) !!}

然后在js小提琴中使用代碼