将块变换为选择框

Question

请帮助转换块

<div id="category-list">
  <div class="category"><a href="/link-1">Sample Category</a></div>
  <div class="category"><a href="/link-2">Another Sample Category</a></div>
</div>

选择框(我将为我自己的链接添加javascript )

<select>
    <option value="">Choose...</option>
    <option value="/link-1">Sample Category</option>
    <option value="/link-2">Another Sample Category</option>
</select>

Answer 1

使用

<xsl:template match="div[@id = 'category-list']">
  <select>
    <option value="">Choose...</option>
    <xsl:apply-templates/>
  </select>
</xsl:template>

<xsl:template match="div[@class = 'category']/a[@href]">
  <option value="{@href}"><xsl:value-of select="."/></option>
</xsl:template>