我可以在多个选择下拉菜单中使用相同的选项元素吗？答案

【问题标题】：Can I use the same option elements in multiple select drop downs?我可以在多个选择下拉菜单中使用相同的选项元素吗？
【发布时间】：2019-11-21 15:51:46
【问题描述】：

我正在尝试找到一种方法，以便为表格中的多个选择下拉菜单使用相同的选项列表。我必须对表单使用相同的下拉菜单 15 次，但我不希望代码在代码中重复 15 次相同的大语句：

<select id="RangeDD" style="border: 0px; outline: 0px; width: 100%">
  <option value="" selected disabled hidden></option>
  <option value="VeryLow">Very Low</option>
  <option value="Low">Low</option>
  <option value="LowAverage">Low Average</option>
  <option value="Average">Average</option>
  <option value="HighAverage">High Average</option>
  <option value="Superior">Superior</option>
  <option value="VerySuperior">Very Superior</option>
  <option value="NotAdministered">Not Administered</option>
</select>

如果有办法在不使用 JavaScript 的情况下做到这一点，那将是首选。我正在构建的网站将 JavaScript 存储在不同的区域，不会让我简单地将 <script> 标记放在我的代码中。

【问题讨论】：

不，没有。为什么不能在代码中添加元素？
如果没有某种可以操作 HTML 的编程语言，这是不可能的。是否有运行您可以使用的网站的服务器端语言？
很遗憾，不可能。有一个模板标签，但它最好通过 Javascript 控制，这会帮助你。
我不确定这是否是一个错误，但是尝试在 html 中使用

标签： html select dropdown

【解决方案1】：

如果您的网站允许，您可以尝试使用虚拟包含语句。

创建一个名为 options.html 的文档，其中仅包含选项的代码：

<option value="" selected disabled hidden></option>
<option value="VeryLow">Very Low</option>
<option value="Low">Low</option>
<option value="LowAverage">Low Average</option>
<option value="Average">Average</option>
<option value="HighAverage">High Average</option>
<option value="Superior">Superior</option>
<option value="VerySuperior">Very Superior</option>
<option value="NotAdministered">Not Administered</option>

然后将 include 语句添加到主页中您希望选择下拉菜单出现的任何位置：

<select id="RangeDD" style="border: 0px; outline: 0px; width: 100%">
   <!--#include virtual="options.html"-->
</select>

【讨论】：