Javascript 如何在提交更改表单后加载灰色背景

我正试图在提交表格时加入灰色背景。这里的区别是我没有提交按钮，因为我在用户从3个下拉列表中选择一个选项后提交表单

表格样本：

<form action="{{route('cats.filter')}}" method="post" id="myform">

CSS:

---

下面是使用javascript的代码：

函数提交形式{ var form=document.getElementById'myform'； 提交表格； var overlay=document.getElementById'overlay'； overlay.style.display='block'； } 覆盖层{ 位置：固定；/*位于页面内容顶部*/ 显示：无；/*默认情况下隐藏*/ 宽度：100%；/*全宽覆盖整页*/ 高度：100%；/*全高覆盖整页*/ 排名：0； 左：0； 右：0； 底部：0； 背景色：rgba0,0,0,0.5；/*黑色背景，不透明度*/ z-index:2；/*指定堆栈顺序，以防对其他元素使用不同的顺序*/ 光标：指针；/*在悬停时添加指针*/ } 基础知识 XYZ LMCV AFA

<select class="custom-select"  name="goalcat" id="goalcat" onchange="this.form.submit();">

  $("#myform").click(function () {
    $(".overlay").show();
});

.overlay {
    background: #e9e9e9;  
    display: none;        
    position: absolute;   
    top: 0;                  
    right: 0;             
    bottom: 0;
    left: 0;
    opacity: 0.5;
}