title: Drop down box and search box to query Xml XSL
body: <p>I got a page spitting out my .xml feed/file content nicely using the easy to use ( i mean, easy to search for answers)  xsl stlyesheets and a bit of xpath logic to get the 'child' photo i want and select the elements in price order ascending etc..</p>
  
  <p>Now I want to link the search bar and drop down menus to dynamically query the document...  </p>
  
  <p>I have tried about 4000 searches on stack etc., but it seems that nobody uses XML on webpages; they just use it for fun, parse it and then never use XML dynamically. </p>
  
  <p>I still don't know if I should be storing the XML in a MySQL DB (which would be a nightmare with many tables) and querying that data: I have limped here from countless searches...</p>
  
  <p>I can use PHP , JQuery etc., but don't know which way to aim as there is no black and white direction to follow on forums etc. </p>
  
  <p>This is my XSLT so far:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;   
  &lt;xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;
    &lt;xsl:template match="/"&gt;
      &lt;html&gt;
      &lt;body&gt;
  a    
      &lt;div&gt;
      &lt;select&gt;
        &lt;option value="a"&gt;Price To&lt;/option&gt;
        &lt;option value="b"&gt;£100,000&lt;/option&gt;
        &lt;option value="c"&gt;£200,000&lt;/option&gt;
        &lt;option value="d"&gt;£300,000&lt;/option&gt;
        &lt;option value="e"&gt;£400,000&lt;/option&gt;
      &lt;/select&gt;
      &lt;select&gt;
        &lt;option value="a"&gt;Price From&lt;/option&gt;
        &lt;option value="b"&gt;£100,000&lt;/option&gt;
        &lt;option value="c"&gt;£200,000&lt;/option&gt;
        &lt;option value="d"&gt;£300,000&lt;/option&gt;
        &lt;option value="e"&gt;£400,000&lt;/option&gt;
      &lt;/select&gt;
           &lt;div id="xsltsearch"&gt;
      &lt;div class="xsltsearch_form"&gt;
      &lt;form method="post" action="properties2_1.xml"&gt;
        &lt;input name="search" type="text" class="input" value="" /&gt; 
         &lt;input type="submit" class="submit" value="Search" /&gt;
      &lt;/form&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
        &lt;h2&gt;Property Available &lt;/h2&gt;
        &lt;table &gt;
          &lt;tr bgcolor="#DCDCDC"&gt;
            &lt;th&gt;Address&lt;/th&gt;
            &lt;th&gt;Bedrooms&lt;/th&gt;
            &lt;th&gt;Price&lt;/th&gt;
            &lt;th&gt;Picture&lt;/th&gt;
          &lt;/tr&gt;        
          &lt;xsl:for-each select="agency/branches/branch/properties/property"&gt;
            &lt;xsl:sort order="ascending" select="numeric_price" data-type="number"/&gt;  
              &lt;tr&gt;
                &lt;td&gt;&lt;xsl:value-of select="advert_heading"/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;xsl:value-of select="bedrooms"/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;xsl:value-of select="numeric_price"/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;img src="{pictures/picture[1]/filename}" width="99px"&gt;&lt;/img&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/xsl:for-each&gt;
          &lt;/table&gt;
        &lt;/body&gt;
      &lt;/html&gt;        
    &lt;/xsl:template&gt;    
  &lt;/xsl:stylesheet&gt;
  </code></pre>