如何在XSLT中用XPath定位XHTML元素并实现XML数据筛选？

Hey there! Let’s break down your two XSLT/XPath questions step by step—I’ve seen these issues come up a lot, so let’s get you sorted.

The biggest gotcha here is that all XHTML elements live in the official XHTML namespace: http://www.w3.org/1999/xhtml. If you skip declaring this namespace in your XSLT, your XPath queries will look for elements with no namespace (which don’t exist in valid XHTML), so you’ll never find that select element.

Here’s what you need to do:

• First, add the XHTML namespace declaration to your XSLT’s root <xsl:stylesheet> element, binding it to a prefix (we’ll use xhtml: as a standard choice):

  <xsl:stylesheet version="1.0" 
                  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                  xmlns:xhtml="http://www.w3.org/1999/xhtml">
  

• Then, use that prefix in your XPath to target the select element:

  //xhtml:select[@id='viti']
  

This tells XPath to look for select elements within the XHTML namespace that have an id attribute equal to viti. If your XHTML includes other namespaces (like SVG or MathML), you’d declare those too, but the default XHTML namespace is the critical one here.

Since you mentioned your current code isn’t filtering correctly, let’s walk through the most common pitfalls and fixes. I’ll use example code to make this concrete.

First, confirm you’re correctly grabbing the selected value #

If you’re working with static XHTML (processed server-side), you need to target the selected <option> within the select—again, using the XHTML namespace:

<xsl:variable name="selectedViti" 
              select="//xhtml:select[@id='viti']/xhtml:option[@selected='selected']/@value"/>

If this is client-side (using JavaScript + XSLT), you’ll need to pass the selected value as an XSLT parameter instead:

// Grab the selected value from the DOM
const selectElement = document.getElementById('viti');
const selectedValue = selectElement.value;

// Pass it to your XSLT processor
const xsltProcessor = new XSLTProcessor();
xsltProcessor.setParameter(null, 'selectedViti', selectedValue);

And declare the parameter in your XSLT:

<xsl:param name="selectedViti"/>

Next, fix the filtering logic #

Common issues here include:

• Namespace mismatches: If your XML data uses a namespace, you need to declare it in your XSLT and use the prefix in your XPath. For example, if your XML has xmlns="http://example.com/data", add xmlns:data="http://example.com/data" to your XSLT, then filter with:

  //data:Item[data:Viti = $selectedViti]
  

• Case sensitivity: XPath is case-sensitive! Double-check that the value from your select matches the case of the Viti values in your XML (e.g., viti1 vs Viti1 will not match).
• Variable scope: Make sure your selectedViti variable is accessible where you’re doing the filtering. If you define it inside a template, it won’t be visible outside that template.

Example Working Code #

Let’s put it all together with sample XML, XHTML, and XSLT:

Sample XML Data

<Data>
  <Item>
    <Viti>viti-001</Viti>
    <Description>Sample Item 1</Description>
  </Item>
  <Item>
    <Viti>viti-002</Viti>
    <Description>Sample Item 2</Description>
  </Item>
</Data>

Sample XHTML

<html xmlns="http://www.w3.org/1999/xhtml">
  <body>
    <select id="viti">
      <option value="viti-001">Viti 1</option>
      <option value="viti-002" selected="selected">Viti 2</option>
    </select>
  </body>
</html>

Fixed XSLT

<xsl:stylesheet version="1.0" 
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <xsl:output method="xml" indent="yes"/>

  <xsl:template match="/">
    <!-- Get selected value from XHTML -->
    <xsl:variable name="selectedViti" 
                  select="//xhtml:select[@id='viti']/xhtml:option[@selected='selected']/@value"/>

    <!-- Filter XML data to match the selected value -->
    <FilteredResults>
      <xsl:for-each select="Data/Item[Viti = $selectedViti]">
        <xsl:copy-of select="."/>
      </xsl:for-each>
    </FilteredResults>
  </xsl:template>
</xsl:stylesheet>

This will output only the Item with Viti="viti-002", which matches the selected option in the XHTML.

内容的提问来源于stack exchange，提问作者Emanuel