如何根据下拉菜单中的选择显示表格值？

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小提琴中使用代码