ドロップダウンフォームフィールド

Question

JavaScriptを使用すると、ドロップダウンメニューにリストオプションの代わりにテキストの入力タイプを含むフォームフィールドを表示させることはできますか？ jsfiddleデモのサンプルを入手できますか？

Answer 1

私はこれを行うためにJQueryを使用することをお勧めしますか？基本的に、すべての入力フィールドを含むdivを非表示にして表示します。この方法で、それがネイティブのドロップダウンであるという錯覚を作り出すことができます。標準ドロップダウンはカスタムマークアップをサポートしていません。私が上に示唆したことにいくつかのバリエーションを使用して実装されていると思われる「カスタムドロップダウン」のための第三者の代替案があります...

Answer 2

もちろん、共通の<select>要素を使用することは可能です。複数の入力（例：<input type = "text">）からなる<div>を作成する必要があります。

ボタンがあります（下向きの矢印イメージで）。onclickイベントには、<div>を示す関数をバインドします。 <div>を非表示にするには、隠し機能をバックグラウンドのクリックまたはボタンの別のクリックにバインドします。

<div>を表示しているときに、いくつかの要素を追加してドロップダウンエフェクトを作成するには、その高さを0に設定してから、タイマーを使用して継続的に増分できます。