javascript - 使 bootstrap-select 下拉菜单成为必需的

Question

我的表单中有下拉列表，它使用了 bootstrap-select显示下拉菜单。我想让如果用户提交表单，它将检查下拉列表是否有值(value)。我已经添加了 required在<select>里面标记，但如果我将其留空并按下提交按钮，则不会发生任何事情。

这是我的代码:

<div class="form-group">
    <label for="location">Location</label>
    <select name="location" id="location-form" required>
       <option value="">Choose Location</option>
       <?php foreach($location as $row) : ?>
       <option value="<?=$row['location_id']?>"><?=$row['location_name']?></option>
       <?php endforeach; ?>
    </select>
</div>

如果用户按下提交按钮，如何使我的选择下拉列表成为必填项并验证它是否必须填写？先谢谢了。

Answer 1

选择总是有一个值设置到它。尝试改用 radio 组。

在此处查看有关 radio 组的更多信息。 HTML5: How to use the "required" attribute with a "radio" input field