0

HTMLテーブルをドロップダウンボックス内に配置するにはどうすればよいですか? したがって、次のようなものです：

<select>
     <table></table>
</select>

or

<select>
    <option>
        <table></table>
    </option>
</select>
4

4 に答える 4

0

純粋なCSSとHTMLでは、これは不可能です。

javascriptは、おそらくこれに取り組むための最良の方法です。Jqueryを使用すると、JavaScriptも非常に役立ちます

于 2012-11-14T17:27:59.280 に答える
0

これを行うには、カスタムの自作要素が必要になります。タグで許可されている他のHTMLタグはありません<option>。

たとえば、 Chosenなどの標準のselect要素を拡張しているjavascriptライブラリを見てください。たぶん、テーブルロジックを実装する方法について少しインスピレーションを得ることができます。

于 2012-11-14T17:28:29.927 に答える
0

そんなことはできないと思います..それを刺激しなければなりません。

複数の行で div を作成し、最初の行に下向き矢印を追加して、ドロップダウンリストのように見せる必要があります。

于 2012-11-14T17:31:51.443 に答える
0

あなたが達成したいことは、selectタグだけでは不可能です。このタグ内でのみoptgroup- および -タグoptionを使用できます。w3c.orgの「17.6 SELECT、OPTGROUP、および OPTION 要素」を参照してください。

さらにoption-tag に進むと、コンテンツ モデルtextがこの要素内でのみ許可されていることがわかります。再び w3c.org: " 4.10.12 オプション要素"

したがって、これを実現する唯一の方法は、option他の HTML 要素を使用して -tag と同様の外観と動作をする要素を作成することです。

このjsfiddle のデモでは、可能な解決策がどのように見えるかの例を見ることができます。コンテンツは に表示されるため、これは JavaScript なしで動作します:hover。もちろん、clickJavaScript や jQuery を使用して、これを -event に変更できます。

于 2012-11-14T18:27:21.830 に答える