如何为选择下拉菜单设置占位符

Question

我正在尝试为我的选择下拉列表设置占位符(例如"选择..."或类似的东西).我知道这在"静态"下拉中是如何工作的.但是,我不知道如何在数据库中获取下拉列表.

我的代码:

<label>Please choose an event:</label>
  <select id="select-event-type">
     <?php foreach ($this->events as $event) {
         echo "<option value='" .$event->event_id. "'>" .$event->event_title."</option>";
      }?>
</select>

一切正常.我只是想在下拉加载时显示"选择..."而不是我的数据库中的第一个条目,并且在打开下拉列表后无法再选择占位符.
我真的很陌生,我非常感谢任何帮助!

Answer 1

只需将选项放在循环之前.

<label>Please choose an event:</label>

<select id="select-event-type">
    <option selected>Choose...</option>
    <?php foreach ($this->events as $event) {
        echo "<option value='" .$event->event_id. "'>" .$event->event_title."</option>";
    }?>
</select>