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

Can I use HTML tags in the options for select elements?

本文关键字：HTML 选择 元素 选项 我可以      更新时间：2023-09-26
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）呈现的。

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

不，但是这个：样式 HTML Select 可能会帮助你，这里有大量的细节和投票：

如何仅使用 CSS 而没有 JavaScript 来设置<选择>下拉菜单的样式？

不，你不能。

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

像这样：重新发明下拉列表

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

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

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

带有 jQuery 的自定义下拉面板

相关文章：