67

HTML 选择元素的选项是否可以包含 HTML 标记？

例如，给定以下代码：

 <select>
    <option value="one"><b>one is bold</b></option>
    <option value="two">two has some <span style='color:red;'>red</span> text</option>
    <option value="three">three is just normal</option>
 </select>

我想要在 HTML 中实际呈现的选项。在这个应用程序中，我可以使用 HTML、CSS、JavaScript（包括 jQuery）。HTML 本身是通过 Django (django.form.fields.select) 呈现的。

4

4 回答 4

92

不，你不能这样做。<option>标签不能包含任何其他标签。

于 2012-06-28T03:51:36.997 回答
5

不，但是这个：样式化 HTML Select可以帮助你，这里有很多细节和投票：

如何在没有 JavaScript 的情况下仅使用 CSS 设置 <select> 下拉菜单的样式？

于 2012-06-28T03:58:48.850 回答
4

你不能。

如果您想要这样做，您会做的是使用浮动 div 和位置之类的东西，并使用 Css 将其显示为看起来像一个选择。然后使用 javascipt 点击让用户选择。

像这样：重新发明下拉菜单

于 2012-06-28T03:53:21.197 回答
1

选项标签不允许除文本以外的任何子项

这是我几个月前创建的一个小提琴，它用列表下拉列表替换选择元素，并更新每个选择的选择。只需使用 css http://jsfiddle.net/6zcRk/隐藏选择

该线程中的用户然后将其转换为 github 上可用的插件（请参阅线程中的链接）

使用 jQuery 自定义下拉面板

于 2012-06-28T04:02:13.453 回答