如何将单选标记数据添加到其他HTML页面

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

本文关键字：其他 HTML 页面 添加 数据 单选标      更新时间：2023-09-26

例如：

**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页。

在javascript中，希望所有页面的选项值都是静态的，这是可能的。

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

然后通过动态绑定到HTML的主体来包含该选项代码正如Kenny所提到的，更正您的选项标签格式，并检查如何使用JavaScript动态附加HTML

要使用的功能：document.createElement（）document.body.insertBefore（）

参考：

https://developer.mozilla.org/en-US/docs/DOM/document.createElement

https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore

https://developer.mozilla.org/en-US/docs/DOM/Node.firstChild

您可以制作一个包含"html标记"的php文件。然后，您可以将这个php文件包含在所需的页面中。

您也可以使用javascript。创建一个option.js文件，使用像document.createElement（）这样的HTML DOM函数来创建选项，并选择标记，document.createTextNode（）来创建文本元素。

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

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

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

相关文章：