Javascript 无法提交表单，提交按钮不工作

我创建了一个表单，表单中有一个表。但是，我无法将表单提交到处理页面，因为submit按钮根本没有响应。单击“提交”按钮后，不会发生任何事情

下面是我的代码

非常感谢你帮助我

以下代码是导致submit按钮无法工作的问题

<input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required style='display:none;'/>

如果我删除了上面的代码，submit按钮就会工作

上述代码的功能是在中选择“其他”值时弹出一个文本字段

下面是函数的完整代码

  <script type="text/javascript">
function CheckSchoolName(val){
 var element=document.getElementById('schoolid');
 if(val=='otherschool')
   element.style.display='block';
 else  
   element.style.display='none';
}

</script>

下面是我的表格中的代码

<tr>
<td>NAME OF SCHOOL</td>
<td>        
<select name="schoolname" onchange='CheckSchoolName(this.value);'>
<option value="">Select your Instituition/School name</option>
        <option value="Caritas Bianchi College of Careers">Caritas Bianchi College of Careers</option>
        <option value="Caritas Francis Hsu College">Caritas Francis Hsu College</option>
        <option value="otherschool">Others (Please specify)</option>

    </select>
    <input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required style='display:none;'/>

    </td>
</tr>

---

这可能是由中使用的必需属性引起的

<input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required  style='display:none;'/>

这要求输入字段包含一个值，然后才能提交表单，因为显示设置为“无”，这显然会产生冲突。删除所需的属性并再次尝试该属性

规则：

display: none 

可能会给你带来一些问题。 我建议您设置标签：

<input type="hidden" 
       name="schoolname" 
       id="schoolid" 
       placeholder="Please Specify"
       required 
       value="" /> 

---

发布相关问题代码，谢谢！并使用“将代码减少到显示问题的最小值”，然后将其发布到此处。链接到其他地方的2200行表明您没有付出任何努力。糟糕的是，我已经发现了问题，但除非删除该部分代码，否则无法修复。我已经把它贴在上面了，你可以看看。谢谢你的帮助。

function CheckSchoolName(val){
  var element=document.getElementById('schoolid');
  if(val=='otherschool')
     element.setAttribute('type', 'text');
}