外部ファイルに選択メニューを作成し、htmlに埋め込んでメニューを表示するにはどうすればいいですか？

Question

私のウェブサイトにはメンバーごとに個別のページがありますが、私はすべてのページのHTMLでコード化された選択メニューを持っていますが、私のメンバーシップが成長しているので、より良い解決策が必要です。

同じ選択メニューを別のファイルに作成する必要があります。別のメンバーページにジャンプするように選択されたときに、必要な場所に埋め込まれている必要があります外部ファイルを変更/更新すると、すべてのメンバーページに対して行われます。

私はjavascripting、mysqlingを見てきましたが、私が必要とするものを正確に助けるためのコードを（YouTubeで見て）見つけることができません。

選択

//（選択..... //（オプション値= "HTTPのための私の典型的なコード：www.website - プロフィール - blahblah.html ....ようにしてそう私は軒並み使用して、私がそれを必要とする身体にそれを置くために、外部ファイルからこれをプルする必要があります。

あなたが提供することができます任意の助けに感謝を。

Answer 1

一般本に記載。

バックエンドのレンダリングエンジンfoを使用する必要があるようなサウンドr。選択肢が表示される限り、これはブートストラップによって提供されるようなドロップダウンメニューを使用するのに最適な場所です。なぜなら、選択をクリックすると実際にあなたを別のページに移動させるわけではないからです。 バックエンドレンダリングエンジンを使用してオプションをレンダリングしたくない場合は、ng-repeatとng-optionという素晴らしい機能を備えたangular.jsを見てみることをお勧めします。必要なだけ多くのユーザーを選択/ドロップダウンします。

角度NGリピートページ：https://docs.angularjs.org/api/ng/directive/ngRepeat

ブートストラップドロップダウン：http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp（Aタグは、ユーザーのページに直接行くことができます注意してください）

Answer 2

このようなケースでの経験から、持っている方がはるかに簡単ですSQLテーブルを使用して、使用したいリンクを格納します。次に行うことは、バックエンドにリンクのリストを送信させることです。これにより、オプションタグを動的に作成し、それを選択タグに追加することができます。 newOptionTag.setAttribute('value', 'url')、document.createElement('option')、selectElement.appendChild(newOptionTag)のような機能を使用してください。

Answer 3

本当に別ファイルを使用する場合は、メンバー名とリンクをjsonファイルに保存できます。ドキュメントのロード時にファイルを取得し、解析して、そのオブジェクトを使用してオプションをビルドします。

w3schoolsのウェブサイトには、jsonチュートリアルとその途中にある例があります。

編集：私はbootstrap_dropdown方法は、HTMLのみの本体で使用されるように見えます