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

时间:2015-11-29 16:49:24

标签: javascript html web tags

例如:

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

2 个答案:

答案 0 :(得分:0)

确实可以在javascript中希望选项值是静态的,并且对于所有页面都是相同的。

在这种情况下,如果你有一个共同的javascript文件(如helper.js,common.js)

然后通过动态绑定到HTML的正文来包含该选项代码 正如肯尼提到的那样纠正你的选项标签格式,并检查如何使用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

答案 1 :(得分:0)

你可以创建一个包含&#34; html标签&#34;的php文件。 然后你可以在所需的页面中包含这个php文件。

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

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

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

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