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

Question

我正在尝试找到一种方法来为表格中的多个 select 下拉列表使用相同的选项列表。 我必须对表单使用相同的下拉菜单 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>标签放在我的代码中。

Answer 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 下拉列表出现的主页：

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