如何根据数据库值选中Bootstrap下拉选择框中的对应选项

嘿，刚接触Bootstrap和PHP对吧？我来帮你搞定这个自动选中下拉选项的问题～

你之前的代码里给<select>标签加value属性是没用的，因为下拉选择框的选中状态，是由内部的<option>标签的selected属性来控制的，不是<select>本身的value属性。

正确的实现方式 #

我们可以用PHP的条件判断，给匹配$gender值的选项加上selected属性：

<label>Gender</label>
<select name="gender" class="form-control">
    <!-- 当$gender等于"Male"时，给这个option加上selected属性 -->
    <option <?php echo ($gender === "Male") ? "selected" : ""; ?>>Male</option>
    <!-- 同理判断Female的情况 -->
    <option <?php echo ($gender === "Female") ? "selected" : ""; ?>>Female</option>
</select>

更规范的优化建议 #

为了表单提交数据更清晰，建议给每个<option>加上value属性（和文本一致也可以），同时可以添加一个默认的未选择选项，处理$gender为空的情况：

<label>Gender</label>
<select name="gender" class="form-control">
    <option value="">Please select your gender</option>
    <option value="Male" <?php echo ($gender === "Male") ? "selected" : ""; ?>>Male</option>
    <option value="Female" <?php echo ($gender === "Female") ? "selected" : ""; ?>>Female</option>
</select>

代码逻辑说明 #

这里用到了PHP的三元运算符：条件 ? 为真时输出的内容 : 为假时输出的内容。简单来说就是：

• 如果$gender的值等于当前选项的文本（或value），就输出selected属性，让这个选项默认选中
• 如果不匹配，就输出空字符串，不添加任何属性

这样页面加载时，就会自动选中和$gender值对应的选项啦～

内容的提问来源于stack exchange，提问作者DamnGenius