html中的字形图标选择不起作用

Question

我正在尝试从选择中获取一个在类别名称之前显示一个 glyp 图标。类别名称显示正常。我无法显示字形图标。它在选项之外工作，但无法将图标放入下拉菜单。

提前致谢。这是我所在的地方

<option \>Select</option>
  <?php
do {  
?>
  <option value="<?php echo $row_event_cats['cat_id']?>"><i class="fa fa-leaf"></i><?php     echo $row_event_cats['cat_name']?></option>
  <?php
} while ($row_event_cats = mysql_fetch_assoc($event_cats));
  $rows = mysql_num_rows($event_cats);
  if($rows > 0) {
      mysql_data_seek($event_cats, 0);
      $row_event_cats = mysql_fetch_assoc($event_cats);
  }
?>
</select>

Answer 1

下拉菜单只会显示文本。但是 Glyphicon 标签<i class="fa fa-leaf"></i> 不包含文本，因此不会显示。您也许可以尝试找到一个实际上使用字符而不是类的字形库，但我现在想不出任何正确的方法。让我搜索几秒钟。

编辑

看来使用“标准”HTML 工具包是不可能的。如果您使用的是 Bootstrap，请查看http://silviomoreto.github.io/bootstrap-select/

如果不是，请查看http://ivaynberg.github.io/select2/