Question

所以我想在我的网站上有多个国家的HTML选择（几种形式）
我和所有国家都有这么大的选择。但现在呢？什么是在多个html文件中“包含”它而不是膨胀它们/重复代码的最优雅方式

Answer 1

这个问题似乎是“如何在HTML文件中包含HTML文件？”的一个特例，实际答案是“你没有”。您可以在许多技术（例如，PHP）中使用服务器端包含，但这是一个不同的问题。您可以使用客户端JavaScript，但是当禁用JavaScript（或者发生运行时错误）时，这会使控件不存在。

在国家选择菜单的情况下，最好的方法是不要有一个，除非它非常小和专业（我认为欧盟成员国的名单是在上限，如果不是上面）。大型下拉列表的可用性较差。此外，一份国家名单难以维护 - 我认为我从未看到（在网页上）一个下拉列表，其中包含世界各国的正确列表。

而是使用文本输入框。如果您需要将输入解析为国家/地区代码（并验证它是可识别的国家/地区），请执行该服务器端。

Answer 2

我认为最好的方法是创建或使用一些可用于多个html文件的现有js小部件。请查看此示例以供参考。 Country Select Example

在这种情况下，您只需要编写一次代码。

Answer 3

你可以在你的国家/地区添加一些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是每个页面上的空选择元素。此代码仅用于指导，您需要编写自己的实现以使其工作。

Answer 4

如果您使用php，则可以在文件中创建一次HTML选择列表，然后只需将文件包含在您需要的任何位置：http://php.net/manual/en/function.include.php

或者您可以在任何php页面上创建一个类并将列表作为该类的方法或静态方法的输出返回，只要您需要它：http://php.net/manual/en/language.oop5.php

将HTML选择国家/地区添加到多个位置

4 个答案: