下面的代碼是結合http://blog.csdn.net/cds27/archive/2006/05/08/712546.aspx 和http://blog.csdn.net/cds27/archive/2006/05/08/712497.aspx 兩篇文章的一個例子。
也可以直接到http://cds.gameres.com/samples/SankOrange'sXslt_js.rar 下載代碼。
HTM的代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Sank Orange's Xslt例子</title>
<script language="javascript" src="XsltClass.js"></script>
<script language="javascript">
var xmlFile="xml.xml", xslFile="xml.xsl";
var xslt=new XsltClass(xmlFile, xslFile);//可以直接在構造時，傳入XML文件名和XSL文件名
/*
//另外一種方式：
var xslt=new XsltClass;
xslt.setXml(xmlFile);//或者xslt.loadXmlStr("<root>XML的字符串</root>");
xslt.setXsl(xslFile);
*/
function show() {
xslt.setParam("Value", slt.value);//設置XSL參數
divShow.insertAdjacentHTML("beforeEnd", xslt.output());
}
</script>
</head>
<body>
<p>輸入要查詢的值:
<select id="slt">
<option>選擇X的值</option>
<option value="a'b"c">a'b"c</option>
<option value="a'bc">a'bc</option>
<option value="ab"c">ab"c</option>
</select>
</p>
<p align="center"><a href="javascript:show()">顯示查詢結果</a></p>
<div id="divShow" style="width: 90%; height: 200px; border: 1px solid black; padding: 5px; margin: 10px; font-size: large; "/>
</body>
</html>
-------------------------------------------------
xml.xml：
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/xsl" href="xml.xsl"?>
<root>
<x id="x1">a'b"c</x>
<x id="x2">a'bc</x>
<x id="x3">ab"c</x>
</root>
-----------------------------------------------
xml.xsl：
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output omit-xml-declaration="yes"/>
<xsl:param name="Value"/>
<xsl:template match="/">
<xsl:variable name="Result" select="//x[text()=$Value]/@id"/>
<xsl:choose>
<xsl:when test="$Result!=''">你要查詢的X的id：<xsl:value-of select="$Result"/></xsl:when>
<xsl:otherwise>沒有符合條件的X</xsl:otherwise>
</xsl:choose>
<hr/>
</xsl:template>
</xsl:stylesheet>
