相关疑难解决方法(0)

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)呈现的.

例如，我有这样的事情：

通过以下 HTML 代码，我将整个下拉列表的最大宽度设置为 80%，我希望这会影响每个选项。

我希望拥有它，以便长选项在最大点处环绕：

红线表示什么被视为“一个选项”，因此当我将鼠标悬停在其上时，应选择红线之间的所有内容

<select name=countries style="width:100%;max-width:30%;">
    <option value=gs selected="selected">All</option>
    <option value=gs>This is fine</option>
    <option value=gs>This message should wrap because it is very long</option>
    <optgroup label="Title">
        <option value="optcheck">Option groups are long, so they should wrap too</option>
    </optgroup>
</select>

https://jsfiddle.net/pxl70474/x7w85fnm/

这就是我的HTML的样子:

<select>
  <option>Long name <span>P1</span></option>
  <option>Peter <span>P2</span></option>
  <option>Hugo <span>K4</span></option>
</select>

我想显示如下选择选项:

Longname             P1
Petr                 P2
Hugo                 K4

代码(P1,P2,P4)对齐选择的右侧,条件 - 我不知道最长名称的长度,我宁愿不设置文本的任何部分的确切宽度

似乎无法在选项标签中插入html标签.说

<option><em>somewords</em></option>

是否还有其他方式来设置"someword"的样式,而不设置选项标签的样式？

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

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