67

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）を介してレンダリングされています。

4

4 に答える 4

92

いいえ、できません。<option>タグには、他のタグを含めることはできません。

于 2012-06-28T03:51:36.997 に答える
5

いいえ、しかしこれ: Styling HTML Selectはあなたを助けるかもしれません、そしてここに多くの詳細と投票があります:

JavaScriptなしでCSSのみで<select>ドロップダウンをスタイルする方法は?

于 2012-06-28T03:58:48.850 に答える
4

No, you cannot.

What you would do if you wanted this is use something like a floating div and position and display it using Css to look like a select. Then using javascipt clicks allow users to select.

Something like this: Reinventing the dropdown

于 2012-06-28T03:53:21.197 に答える
1

オプション タグは、テキスト以外の子を許可しません

これは、選択要素をリストドロップダウンに置き換え、選択が行われるたびに選択を更新する、数か月前に作成したフィドルです。css http://jsfiddle.net/6zcRk/で選択を非表示にするだけです

このスレッドのユーザーは、それを github で利用可能なプラグインに変えました (スレッド内のリンクを参照)

jQuery を使用したカスタム ドロップダウン パネル

于 2012-06-28T04:02:13.453 に答える