Question

<!-- Select Basic -->
<div class="form-group">
  <div class="col-md-5 col-sm-5">
<span class="input-group-addon"> Language / اللغة / زبان </span>
    <select id="language" name="language" class="form-control" required>   
      <option selected="true" style="text-align:center;" disabled="disabled">Select a language</option>    
        <option value=2><?php echo lang_content(23, 1);?></option>
        <option value=1><?php echo lang_content(24, 1);?></option>
        <option value=3><?php echo lang_content(25, 3);?></option>

     </select>
  </div>
</div>

我有语言下拉菜单，但是当我点击提交而不选择选项时，它只会显示加载图标而不会进一步移动。

如果用户没有选择选项，我必须触发警报。我怎么能这样做？

Answer 1

在<form>标记中包含所选内容，select required即可生效检查小提琴here

<div class="form-group">
  <div class="col-md-5 col-sm-5">
<span class="input-group-addon"> Language / اللغة / زبان </span>
<form >
    <select id="language" name="language" class="form-control" required>   
      <option selected="true" style="text-align:center;" disabled="disabled">Select a language</option>    
        <option value=2>lang1</option>
        <option value=1>lang2</option>
        <option value=3>lang3</option>

     </select>
     <input type="submit">
     </form>
  </div>
</div>

选择选项 - 警报

1 个答案: