javascript - 如何在 Laravel 8 中 Blade 的另一个标签中显示 Select 标签的选定项？

Question

我想在 p 标签中显示 Select 标签的选定项目，当我运行代码时它不起作用，这是我的代码：

<label for="modelResp"> Response </label>
<select name="modelResp" id="modelResp" onchange="myFunction()">
     @foreach ($destins as $dest)
        <option 
           value="{{$dest->design_destin}}"> {{$dest->design_destin}} 
        </option>
     @endforeach
</select>

<p id="demo"> **I want to display the selected item here** </p>
@push('scripts')
    <script>
          function myFunction() {
             var x = document.getElementById("modelResp").value;
             document.getElementById("demo").innerHTML =  x;
          }
     </script>
@endpush

标签： javascriptlaravellaravel-bladelaravel-8node-blade