我正在尝试创建一个动态城市下拉选择器，用户在其中选择一个国家，然后是一个地区，然后是一个城市。现在我在MySQL数据库中有两个表，一个包含所有区域，另一个包含所有城市，我使用jQuery在用户选择国家/地区时首先加载区域，然后在选择区域时加载城市。
我的网站获得了相当多的流量，我担心这效率非常低......每次有人做出选择时，都会查询数据库，有时会解析并返回数百行。
由于城市列表永远不会更改，因此我想将每个国家和地区存储为单独的文件，并在需要时加载它们，而不是查询数据库。
例如：IE.html（爱尔兰）
<option value="0" selected>- Select -</option>
<option value="11287">Connaught</option>
<option value="11288">Leinster</option>
<option value="11289">Munster</option>
<option value="11290">Ulster</option>
11290.html（阿尔斯特）
<option value="xxxxxxx">Buncrana</option>
<option value="xxxxxxx">Cavan</option>
<option value="xxxxxxx">Letterkenny</option>
<option value="xxxxxxx">Monaghan</option>
问题是，我不知道如何将这些文件加载回选择菜单。有很多关于使用外部文件创建选项的资源，但我找不到任何关于将纯 HTML 加载到表单中的资源。
这可能吗？
谢谢！
你可以简单地在jQuery中使用load方法。请参阅下面的示例。
$( "#dropdowndiv" ).load( "ajax/11290.html" );
您可以将整个select存储在那里，也可以只存储options。根据您存储在文件中的内容，请使用 jQuery 选择器。
注意
如果您正确实施了网站，拥有数千名用户不会减慢您的网站速度。搜索术语High Availability For Database 。
您可以做的是在单独的 js 文件中创建一些数组来保存值，即：
var myCars=new Array("Saab","Volvo","BMW");
然后在 jquery 中动态创建带有 for 循环（或 foreach）的选项，如下所示：
如何使用jquery动态创建选择元素的选项？
我会提供更多的代码示例，但由于我在手机上，所以我受到限制。