【发布时间】：2021-07-22 20:19:37
【问题描述】：
这是我的 htm 文件，包括 Javascript 函数。
<html>
<head>
<title>Personal Info</title>
<script type="text/javascript" src="library.js"></script>
<script type="text/javascript">
var IE= window.ActiveXObject ? true:false;
var MOZ= document.implementation.createDocument ? true: false;
var xmlFile="person.xml";
var xsltFile="person.xsl";
var xmlDoc; <!--//Source XML document-->
var xsltDoc; <!--//XSLT style sheet document for person.xsl-->
function createXDoc(xFile, PID)
{
if (IE) {
xDoc=new ActiveXObject(getPID(PID));
}
else if (MOZ) {
xDoc= document.implementation.createDocument("", "", null);
}
loadDoc(xDoc, xFile);
return xDoc;
}
function runTransform(xDoc, xsltDoc) {
if (IE) {
var resultStr=xDoc.transformNode(xsltDoc);
}
}
function init()
{
var myElem= document.getElementById("persontable");
xmlDoc=createXDoc(xmlFile, DOMPID);
xsltDoc= createXDoc(xsltFile, DOMPID);
myElem.innerHTML=runTransform(xmlDoc, xsltDoc);
}
</script>
</head>
<body>
<div>
<h1 class="title">
PERSONAL INFO
</h1>
<select id="statedropdown" name="statedropdown">
<option value="MI">MI</option>
<option value="MN">MN</option>
</select>
</div>
<div id="persontable">
<!--Contents goes here-->
</div>
</body>
</html>
这是我的 XML 文件。
<person>
<first_name>Jane</first_name>
<last_name>Whitney</last_name>
<state>MI</state>
</person>
<person>
<first_name>Jack</first_name>
<last_name>Nicholson</last_name>
<state>MI</state>
</person>
<person>
<first_name>Jane</first_name>
<last_name>Eyre</last_name>
<state>MN</state>
</person>
<person>
<first_name>Michael</first_name>
<last_name>Johnson</last_name>
<state>MN</state>
</person>
这是我的 XSL 文件
<xsl:stylesheet version='1.0' xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="4.0" omit-xml-declaration="yes" />
<xsl:param name="group" select="//person" />
<xsl:template match="/">
<table>
<tr>
<th>First_Name</th>
<th>Last_Name</th>
</tr>
<xsl:apply-templates select="$group">
<xsl:sort select="Last_Name" data-type="text" order="descending" />
</xsl:apply-templates>
</table>
</xsl:template>
<xsl:template match="person">
<tr>
<td><xsl:value-of select="First_Name" /></td>
<td><xsl:value-of select="Last_Name" /> </td>
</tr>
</xsl:template>
</xsl:stylesheet>
我可以使用下拉菜单查看页面，但无法让下拉菜单与页面交互。
任何帮助将不胜感激。
【问题讨论】：
-
您能否展示您预期的翻译输出？
-
@Sean：我的预期输出将是下拉值为“MN”和“MI”的 html 页面。当用户选择“MN”下拉值时，页面会刷新，仅显示来自 MN 的人员，并且与“MI”下拉值相同。如果我将 xsl 分成两个 xsl，其中一个称为“MI”，另一个称为“MN”值，但我只想使用一个 xsl，我可以做到这一点。
标签： javascript xslt dom-events xslt-1.0