だから私は自分のウェブサイトの複数の場所 (いくつかのフォーム) で国の HTML 選択をしたいのですが、
すべての国でこの大きな選択があります。しかし、今はどうですか?
複数のhtmlファイルに「インクルード」し、それらを肥大化させない/コードを複製しない最もエレガントな方法は何ですか?
4 に答える
質問は、「HTML ファイルに HTML ファイルを含めるにはどうすればよいですか?」という特殊なケースのように思われますが、実際の答えは「そうではありません」です。多くのテクノロジ (PHP など) では、サーバー側でインクルードを行うことができますが、それは別の問題です。クライアント側の JavaScript を使用して含めることはできますが、JavaScript が無効になっている場合 (または実行時エラーが発生した場合) は、コントロールが存在しなくなります。
国選択メニューの場合、それが非常に小さくて専門的な場合を除いて、それを持たないのが最善のアプローチです(EU加盟国のリストは、上ではないにしても上限にあると思います)。大きなドロップダウンは使い勝手が悪い。その上、国のリストを維持するのは難しいです。世界の国の正しいリストを含むドロップダウンを (Web ページで) 見たことがない.
代わりに、テキスト入力ボックスを使用してください。入力を国コードに解析する必要がある場合 (そして、それが認識されている国であることを確認する必要がある場合) は、サーバー側で行います。
PHP を使用している場合は、ファイル内で HTML 選択リストを作成してから、必要な場所にファイルを含めることができます: http://php.net/manual/en/function.include.php
または、クラスを作成し、そのクラスのメソッドまたは静的メソッドの出力としてリストを返すことができます。これは、任意の php ページで必要な場所に配置できます: http://php.net/manual/en/language.oop5.php
あなたの国でいくつかのJavaScriptを追加することができ、(jQueryを使用して)次の行に沿って何かを行うことができます
var countries = ["UK", "USA", "India"]; //list all countries in one place
$.each(countries, function(i, val){
$("#CountryList").append(<option value="'+val+'">'+val+'</option>');
});
これは、CountryList が各ページの空の選択要素であることを前提としています。このコードはガイダンスのみを目的としており、これを機能させるには独自の実装を作成する必要があります。