html - Javascriptオプションストライクスルー

Question

重複の可能性：
オプション要素内にDOM要素をネストすることは可能ですか？

オプションテキストを動的に作成しています。それらをストライクスルーとしてレンダリングするための構文はありますか？試してみる"<strike>"+tokens[0]+"</strike>",と、エスケープされていないリテラルテキストが表示されますが、これは私が望んでいるものではありません。より一般的な質問は、javascriptオプションでhtmlをレンダリングできるかどうかです。

Answer 1

これにはCSSを使用できますが、取り消し線はドロップダウンリストにのみ表示され、選択したオプションには表示されません。

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

更新：「strike」クラスをSELECT要素自体に適用して、選択したアイテムにラインスルーを持たせることができます。（おそらく、選択したオプションに「strike」クラスがある場合にこのクラスを切り替えるJavaScriptがありますか？）

これをフィドルでテストするには、次を変更します。

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

に

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

注：これはすべてのブラウザで機能するとは限りません