首页 > 解决方案 > 我想使用 require除了默认选择的一个禁用选项,如果选择了默认禁用选项,我想停止表单提交。我尝试了所有子元素的 required 属性。这是我的代码: <div class="form-group form-check"> <label>你是谁?</label> <select class="form-control" name="usertype" required> <option disabled selected>选择

问题描述

标签: javascripthtmljquery

解决方案


只需设置value=""默认选项即可。使用required时必须选择一个值才能使控件有效

<form>
  <div class="form-group form-check">
    <label>who you are?</label>
    <select class="form-control" name="usertype" required>
      <option value=""> Select user Type</option>
      <option value="user">user</option>
      <option value="admin">admin</option>
    </select>
  </div>
  <button>Submit</button>
</form>


推荐阅读