如何将单个选项标签数据添加到其他 HTML 页面？

Question

例如：

**index.html**
<body>
<option><select>1></select>
<select>2</select><select>3</select></option>
</body>

还有另一个文件：

**page1.html**
<body>
here I want to have the same OPTION data
</body>

有什么办法可以一次写OPTION标签，然后在多个页面中使用。我必须在最多 10 页的情况下使用它们。

Answer 1

当然可以 javascript 希望所有页面的选项值都是静态的和相同的。

在这种情况下，如果您有一个通用 javascript 文件（如 helper.js、common.js）

然后通过动态绑定到您的 HTML 正文来包含该选项代码正如肯尼提到的那样，更正您的选项标签格式并检查如何使用 javascript

动态附加 HTML

要使用的函数： document.createElement() document.body.insertBefore()

参考：

Answer 2

您可以创建一个包含 "html tags" 的 php 文件。然后您可以将此 php 文件包含在所需的页面中。

您也可以使用 javascript。创建一个 option.js 文件，使用 HTML DOM 函数，例如 document.createElement() 创建选项和 select 标签，document.createTextNode() 创建文本元素。

然后使用 appendchild 函数将文本节点附加到选项标签。

<script src="option.js"></script>

在需要这些选项的页面中使用上述脚本标记。就是这样！

How to add single option tag data to other HTML pages?