2013-09-24 40 views
0

所以我想在我的網站上有多個地方的HTML選擇(幾個表格)
我有這個大選擇與所有國家。但是現在呢?
什麼是最優雅的方式,在多個HTML文件,而不是腹脹他們「包括」 /複製代碼將HTML選擇的國家添加到多個地方

+0

沒有得到您的問題 –

+0

使用AJAX將您的選項加載到需要它的所有地方。這樣,你有一箇中心點來維護你的清單,以防變化。 – Sirko

回答

0

我認爲最好的方法是創建或使用一些現有的JS窗口小部件可以在多個HTML中使用文件。檢查這個例子供您參考。 Country Select Example

在這種情況下,您只需要編寫一次代碼。

+0

當瀏覽器禁用JavaScript時會發生什麼? –

0

你可以在一些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是每個頁面的空白選擇元素。此代碼僅用於指導,您需要編寫自己的實現才能完成此工作。

1

這個問題似乎是一個特殊的情況下,「我如何在HTML文件中包含HTML文件?」和實際答案是「你不要」。您可以在許多技術(例如PHP)中進行包含服務器端,但這是一個不同的問題。您可以使用客戶端JavaScript進行包含,但是當禁用JavaScript(或發生運行時錯誤)時,這會使控件不存在。

在國家選擇菜單的情況下,最好的辦法是不要有一個,除非它非常小和專業化(我認爲歐盟成員國的名單是在上限,如果不是上述)。大的下拉菜單可用性差。此外,一個國家的名單很難保持 - 我想我有從來沒有看到(在網頁上)的下拉列表中有一個正確世界各國的名單。

而是使用文本輸入框。如果您需要解析輸入的國家/地區代碼(並確認它是一個公認的國家/地區),請執行該服務器端。