在来自 MySQL 数据库的选择菜单中使第一个选项值为 null答案

【问题标题】：Make first option value null in select menu coming from MySQL database在来自 MySQL 数据库的选择菜单中使第一个选项值为 null
【发布时间】：2015-04-26 02:40:24
【问题描述】：

我正在将数据库中的一些结果直接转储到 html 中的标记中，如何使第一个选项值为空，然后对数据库结果进行排序？这样，我将在此下拉菜单中选择不从中选择任何内容。

这是我的代码：

<?php 
    $select = new Users;
    $stmt = $select->selecttema();
    while( $row = $stmt->fetch()){ 
        echo '<option value="' . $row['id'] . '">' . $row['topic'] . '</option>';
    } 
?>

【问题讨论】：

标签： javascript php

【解决方案1】：

实际上胡安·巴勃罗已经回答了这个问题。我只是在他的回答中添加一些内容。如果您在选项中添加 selected ，它将是第一个选项，您不需要在值中添加数据

echo '<option selected value="">Select a topic</option>';

【讨论】：

【解决方案2】：

只是

echo '<option value="">Select a topic</option>'

在while循环之前。

【讨论】：

【解决方案3】：

制作一个空选项：

<select>
    <option value="">Select</option>
<?php 
    $select = new Users;
    $stmt = $select->selecttema();
    while( $row = $stmt->fetch()){ 
        echo '<option value="' . $row['id'] . '">' . $row['topic'] . '</option>';
    } 
?>
</option>

你不清楚这个用户对象是什么或者你是如何获取数据的，所以我假设你正在使用一个 mySQL 数据库，在这种情况下你可以使用ORDER BY：

SELECT * FROM `users` WHERE 1 ORDER BY id DESC

例如，上面的语句将选择users 数据库中的所有用户，并按id 降序排列。

要对 JS 中的 <select> 选项进行排序，请查看 Sort Select Options by Value Attribute Using jQuery 和 Javascript to sort contents of select element

【讨论】：