标签中编写 html 代码？ [复制]

【问题标题】：How to write html code in <option> tag of <select> tag? [duplicate]如何在 <select> 标签的 <option> 标签中编写 html 代码？ [复制]
【发布时间】：2013-08-18 09:30:44
【问题描述】：

我有想要向用户显示数据的对象。但我想在这样的选项标签中编写html代码。我该怎么做？

<select id="ddl" >
  <option value="1501" Director="test" Duration="">
  <table><tr><td>.1.</td><td>.2.</td></tr></table>
  </option>
 </select>

【问题讨论】：

您不能必须使用 js 和 css 创建自定义控件。您可以查看 jquery 插件 'Chosen' harvesthq.github.io/chosen 的源代码，了解他们如何进行自定义选择输入。
你想把标记放在选项标签中，还是在里面渲染html源代码？

标签： html

【解决方案1】：

你不能。 <option> elements 不允许任何其他元素作为子元素，它们具有内容模型：文本。

最接近的方法是使用 <select> 以外的其他东西，在其中放置单选按钮而不是 <option>，然后添加一堆 JavaScript 和 CSS 以添加下拉效果并使其看起来像一个选择。

【讨论】：

@OptimusPrime — 问题在于将标记放入元素中，而不是在其中呈现 HTML 源代码。如果是后者，涉及 JavaScript 将是一个糟糕的主意，因为您可以直接写 &lt; 和朋友。
嗯嗯对。 &lt;。 +1