Dom 将XML选项元素节点转换为HTML选项标记

Dom 将XML选项元素节点转换为HTML选项标记,dom,xslt-1.0,transformation,xml-namespaces,xmldom,Dom,Xslt 1.0,Transformation,Xml Namespaces,Xmldom,是否存在将元素对象转换为HTMLOption对象的直接was? 假设我有以下XML: <?xml version='1.0'?> <options> <option value="1">Hello1</option> <option value="2">Hello2</option> </options> 你好 你好 我想在此选择中插入每个选项 有没有一种方

是否存在将元素对象转换为HTMLOption对象的直接was? 假设我有以下XML:

<?xml version='1.0'?>
    <options>
        <option value="1">Hello1</option>
        <option value="2">Hello2</option>
    </options>

你好
你好
我想在此选择中插入每个选项

有没有一种方法可以直接将这些XML转换为选项,或者我必须导航XML,然后获取所需的所有信息,然后创建一个新选项并将该选项添加到select? 比如:

var options = XmlCode.getElementsByTagName('option');
for(var i = 0; i < options.length; i++){
    selectBox.add(options[i]);
}
var options=XmlCode.getElementsByTagName('option');
对于(变量i=0;i
作为本机代码会很好^^
注意:我不想使用任何库或框架。我想自己学习和做这件事。

XSLT是为XML到HTML的转换而设计的。像这样的东西可以达到目的:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="select2option.xml" ?>
<xsl:stylesheet version="1.0"
            xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:html="http://www.w3.org/1999/xhtml"
            >

<xsl:output method="html" encoding="utf-8" indent="yes" standalone="yes" media-type="text/html" omit-xml-declaration="yes" doctype-system="about:legacy-compat" />

<html:options>
  <html:option name="foo">bar</html:option>
</html:options>

<xsl:template match="xsl:stylesheet">
  <xsl:apply-templates/>
</xsl:template>

<xsl:template match="/">
 <html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  </head>
  <body>
    <xsl:apply-templates/>
  </body>
 </html>
</xsl:template>

<xsl:template match="html:options">
 <select>
  <xsl:apply-templates />
 </select>
</xsl:template>

<xsl:template match="html:option">
 <option name="@name">
  <xsl:apply-templates />
 </option>
</xsl:template>
</xsl:stylesheet>

酒吧