是否将表单选择选项移出当前html文件？

Question

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

我正在为“国家”设置一个表单选择，如果我在我的html文档中列出每个国家作为一个选项，它会占用大量的行，当我还在编辑文档的时候，这是很烦人的。

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

提前感谢！

Answer 1

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

您所需要的就是包含jquery脚本文件以及任何您想要的自动完成插件(如果您不喜欢他们已经提供的插件)。只需向下滚动并选择"Documentation“选项卡，即可轻松解释如何将其集成到代码中。

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

Answer 2

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