如何在 HTML 下拉框中预选项目？

在下拉框中设置所选项目

在 Web 开发中，元素表示用户可以从中进行选择的选项的下拉列表。要在下拉框中设置预选项目，您需要使用“selected”属性。

考虑以下场景：您有一个存储月份值的数据库，并且想要创建一个编辑允许用户修改本月的页面。您需要一个下拉框，其中预先填充了数据库中的当前月份。

解决方案：

要在下拉列表中设置所选项目，请指定将 'selected' 属性添加到相应的 中

<option value="January" selected="selected">January</option>

PHP 实现：

要根据数据库值动态设置所选项目，请使用以下 PHP 代码：

<option value="January" <?=$row['month'] == 'January' ? ' selected="selected"' : '';?>>January</option>

此代码检查数据库中的当前月份是否为“一月”并添加“selected =“selected”'属性

替代方法：

另一种方法是创建一个值数组并对其进行迭代以生成下拉选项。这可以产生更干净、更易于维护的代码：

<?php
$months = ['January', 'February', 'March', 'April', 'May', 'June'];

echo '<select>';
foreach ($months as $month) {
    $selected = $month == $row['month'] ? ' selected="selected"' : '';
    echo "<option value='$month'$selected>$month</option>";
}
echo '</select>';
?>

通过使用此方法，您可以轻松地从下拉列表中添加或删除月份，而无需修改 PHP 代码。

以上是如何在 HTML 下拉框中预选项目？的详细内容。更多信息请关注PHP中文网其他相关文章！