Javascript 如何在Laravel 8中的Blade中的另一个标记中显示Select tag的选定项？

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

<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

响应
@foreach（$destins as$dest）
{{$dest->destin}
@endforeach
**我想在此处显示所选项目**
@推送（'脚本'）
函数myFunction（）{
var x=document.getElementById（“modelResp”）.value；
document.getElementById（“demo”）.innerHTML=x；
}
@端推

有些东西不起作用了吗？您在控制台中是否有任何错误，如果有，错误是什么？控制台中什么都没有发生？您是否尝试在

myFunction（）

中使用

console.log（x）

？你的脚本加载了吗？您的刀片服务器中是否有名为

scripts

的堆栈？您是否检查了生成的html代码？检查示例，它工作正常