0

HTML を使用して、ネストされたドロップダウン メニューを作成しようとしていますが、これまでのところ成功していません。最初のドロップダウン リストの 2 番目の項目内にドロップダウン リストを配置しましたが、ここに示すように、内側のドロップダウン リストはまったく表示されません。

<select id="myList">
  <option></option>
  <option>Item 1</option>
    <option>Item 2 with a dropdown list inside it
        <select id="myList">
            <option></option>
            <option>Item 1</option>
            <option>Item 2</option>
        </select>
    </option>
</select>

1 つの HTML ドロップダウン リストを別の HTML ドロップダウン リスト内に配置することさえ可能ですか?

4

3 に答える 3

1

これは不可能です。選択オプションに他の HTML タグを含めることはできません。

最終的にエスケープされた文字 ( など&eacute;) を含むテキストは、選択オプション内でのみ許可されます。

See Reference

おそらく、何らかの JS プラグインを使用/作成したいでしょう。以下のものはおそらくあなたのニーズに合うかもしれません。 http://twitter.github.io/bootstrap/javascript.html#dropdowns

于 2013-04-21T04:58:03.090 に答える
0

ネストされたドロップダウンを持つことはできません。標準のドロップダウンは任意の html をサポートしていないため、これを実現するには独自のカスタム ドロップダウンを作成する必要があります。1 つの手法は、z-index で div を使用し、展開/折りたたみロジックを追加してドロップダウン効果を作成することです。

于 2013-04-21T04:59:14.953 に答える
0

Droppy という JQuery プラグインを見つけました。これは、ここで説明した問題を解決することを目的としているようです。

Dynamic Drive も、同じ目的で同様のスクリプトを作成しました。

于 2013-04-21T05:13:20.323 に答える