html - 将表单选择选项移到当前 html 文件之外？

Question

有没有办法将表单选择框的选项移到 html 文件之外？

我正在为“国家”设置一个表单选择，如果我在我的 html 文档中将每个国家列为一个选项，它会占用大量行并且在我仍在编辑文档时很烦人。

<form>
  <select name="country"> <option>[list of countries here]</option> </select>
</form>

提前致谢！

Answer 1

我强烈推荐使用重新设计的 Country Selector jQuery 插件，你可以在这里找到它。

您只需要包含 jquery 脚本文件以及您希望的任何自动完成插件（如果您不喜欢他们已经提供的插件）。只需向下滚动并选择“文档”选项卡，即可轻松了解如何将其集成到您的代码中。

编辑：实际上，只是注意到重新设计的国家选择器仍然列出了 html 文件中的所有国家选项。由于我是 bootstrap 框架的用户，我建议您使用Bootstrap Form Helpers。查找国家插件，它甚至显示每个国家的标志！如果您不想使用引导程序，请查找bootstrap-formhelpers-countries.en_US.js相应的bootstrap-formhelpers-countries.js. 然后，阅读代码以了解原作者如何将包含所有国家/地区列表的 javascript 变量链接到 html 类。

Answer 2

您还可以在一长行中列出选项标签。这会使编辑选项标签变得困难，但您的文件会更容易阅读。