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

Question

我正在尝试寻找一种方法来对表中的多个选择下拉菜单使用相同的选项列表。我必须对表单使用相同的下拉菜单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

如果您的站点允许，您可以尝试使用虚拟include语句。

创建一个名为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>