html - Javascript 选项删除

Question

可能重复：
是否可以在选项元素内嵌套任何 DOM 元素？

我正在动态创建选项文本。是否有可能将它们呈现为罢工的语法？如果我尝试"<strike>"+tokens[0]+"</strike>",，我会得到未转义的文字，这不是我想要的。更普遍的问题是 javascript 选项可以渲染 html

Answer 1

您可以为此使用 CSS，尽管删除线仅显示在下拉列表中，而不显示在所选选项上。

http://jsfiddle.net/kboucher/gLqh9/

更新：您可以将 'strike' 类应用于 SELECT 元素本身，以使所选项目具有直通性。（当所选选项具有“罢工”类时，也许有一些 JavaScript 来切换此类？）

要在小提琴中进行测试，请更改：

option.strike { text-decoration: line-through; }

至

select,
option.strike { text-decoration: line-through; }

注意：这可能不适用于所有浏览器