javascript - データベースを使用せずに JavaScript を使用した動的ドロップダウン メニュー

Question

データベース バックエンドを使用せずに動的なドロップダウン メニューを作成するための簡単で汚いテクニックはありますか? 3 つのレベルのドロップダウン メニューがあり、そこには非常に多くの項目が含まれているため、すばやく簡単に操作できます。

ありがとう

Answer 1

データベースからアイテムをロードすることを選択したという事実は、ドロップダウン メニュー自体とはほとんど関係ありません。JSON、.csv、または xml ファイルからいつでも読み取ることができます。実装によっては、アイテムを HTML ページに直接ロードすることもできます (ただし、アイテムが多数ある場合は非常に遅くなるため、お勧めしません)。

項目を含むファイル (できれば JSON) を AJAX 経由で読み込み、解析してマークアップを動的に作成します。

コンテンツのソースはそれほど重要ではないはずなので、詳細を示すのはかなり難しい. <select>クラシックタグを使用する場合は、その要素を作成するだけです。jQuery は、クイック アンド ダーティの友です。

JSON.parse() を使用すると、要素をループして<select>ノードに子を追加するために使用できる構造化オブジェクトが返されます。

Answer 2

あなたの質問は少し漠然としているので、「一般的な」回答をします。

そこにはjQueryやknockoutJSなどのツールがあります。knockoutJS を使用してクライアント側のビュー モデルを表し、それを使用して (おそらく jQuery と組み合わせて) ビューにデータを入力することができます。

ノックアウトJS、特にオブザーバブル、オブザーバブル配列、バインディング、およびAJAXリクエストのサポートを確認する必要があると思いますoptions-それは始めるのに妥当な場所のように思えます.

ノックアウト JS のドキュメントは、http: //knockoutjs.com/documentation/introduction.htmlにあります。