Question

HTML select元素的选项是否可以包含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）呈现的。

Answer 1

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

Answer 2

不，但是这个：Styling HTML Select可能会帮助您和那里有很多细节和投票：

How to style a <select> dropdown with CSS only without JavaScript?

Answer 3

不，你不能。

如果你想要这样做，你可以使用类似浮动div和位置的东西，并使用Css显示它看起来像一个选择。然后使用javascipt点击允许用户选择。

像这样：Reinventing the dropdown

Answer 4

选项标签不允许除文字

以外的任何子项

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

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

Custom drop-down panel with jQuery

我可以在select元素的选项中使用HTML标记吗？

4 个答案: