title: Show values from select list jquery
body: <p>The goal i want to achieve is to have a few select lists connected with each other and after the user selects all the paramereters which suit him or her from the select lists i want the script to show the results of selected parameters. Now i know how to create the select lists but i dont know how to show the results.</p>
  
  <p>Here is a part of my code which is still unfinished and you can select only a first few makes and  models, but it should show you what im trying to achieve... im also planning to include selectable year variation and trim version.</p>
  
  <p><a href="http://jsfiddle.net/Xh5uC/1/" rel="nofollow">http://jsfiddle.net/Xh5uC/1/</a></p>
  
  <pre><code>&lt;div class="articles"&gt;
  &lt;form method="GET" action=_output.html&gt;
      &lt;table align="center"&gt;
          &lt;tr&gt;
              &lt;th&gt;
                  &lt;label for="id_znamka_vozila"&gt;Znamka vozila:&lt;/label&gt;
              &lt;/th&gt;
              &lt;td&gt;
                  &lt;select name="znamka_vozila" id="id_znamka_vozila"&gt;
                      &lt;option value=""&gt;Izberite&lt;/option&gt;
                      &lt;option value="1"&gt;Alfa Romeo&lt;/option&gt;
                      &lt;option value="2"&gt;Aston Martin&lt;/option&gt;
                      &lt;option value="3"&gt;Audi&lt;/option&gt;
                      &lt;option value="4"&gt;Austin&lt;/option&gt;
                      &lt;option value="5"&gt;Autobianchi&lt;/option&gt;
                      &lt;option value="6"&gt;Bentley&lt;/option&gt;
                      &lt;option value="7"&gt;BMW&lt;/option&gt;
                      &lt;option value="8"&gt;Bugatti&lt;/option&gt;
                      &lt;option value="9"&gt;Buick&lt;/option&gt;
                      &lt;option value="10"&gt;Cadillac&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th&gt;
                  &lt;label for="id_alfaromeo"&gt;Model vozila:&lt;/label&gt;
              &lt;/th&gt;
              &lt;td&gt;
                  &lt;select name="alfaromeo" id="id_alfaromeo"&gt;
                      &lt;option value="" selected="selected"&gt;Izberite&lt;/option&gt;
                      &lt;option value="33"&gt;33&lt;/option&gt;
                      &lt;option value="75"&gt;75&lt;/option&gt;
                      &lt;option value="90"&gt;90&lt;/option&gt;
                      &lt;option value="145"&gt;145&lt;/option&gt;
                      &lt;option value="146"&gt;146&lt;/option&gt;
                      &lt;option value="147"&gt;147&lt;/option&gt;
                      &lt;option value="155"&gt;155&lt;/option&gt;
                      &lt;option value="156"&gt;156&lt;/option&gt;
                      &lt;option value="159"&gt;159&lt;/option&gt;
                      &lt;option value="164"&gt;164&lt;/option&gt;
                      &lt;option value="166"&gt;166&lt;/option&gt;
                      &lt;option value="4C"&gt;4C&lt;/option&gt;
                      &lt;option value="8C"&gt;8C&lt;/option&gt;
                      &lt;option value="alfasud"&gt;Alfasud&lt;/option&gt;
                      &lt;option value="alfetta"&gt;Alfetta&lt;/option&gt;
                      &lt;option value="brera"&gt;Brera&lt;/option&gt;
                      &lt;option value="crosswagon"&gt;Crosswagon&lt;/option&gt;
                      &lt;option value="giulia"&gt;Giulia&lt;/option&gt;
                      &lt;option value="giulietta"&gt;Giulietta&lt;/option&gt;
                      &lt;option value="GT"&gt;GT&lt;/option&gt;
                      &lt;option value="GTV"&gt;GTV&lt;/option&gt;
                      &lt;option value="mito"&gt;Mito&lt;/option&gt;
                      &lt;option value="rzsz"&gt;RZ/SZ&lt;/option&gt;
                      &lt;option value="spider"&gt;Spider&lt;/option&gt;(
                      &lt;option value="sprint"&gt;Sprint&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
  
  
  $(document).ready(function () {
  var $alfaromeoTr = $('#id_alfaromeo').closest('tr').hide();
  var $astonmartinTr = $('#id_astonmartin').closest('tr').hide();
  var $audiTr = $('#id_audi').closest('tr').hide();
  var $bentleyTr = $('#id_bentley').closest('tr').hide();
  
  $('#id_znamka_vozila').change(function () {
      var selectedValue = $(this).val();
  
      if (selectedValue === '1') {
          $astonmartinTr.hide();
          $alfaromeoTr.show();
          $bentleyTr.hide();
          $audiTr.hide();
  
      } else if (selectedValue === '2') {
          $astonmartinTr.show();
          $alfaromeoTr.hide();
          $audiTr.hide();
          $bentleyTr.hide();
  
      } else if (selectedValue === '3') {
          $audiTr.show();
          $astonmartinTr.hide();
          $alfaromeoTr.hide();
          $bentleyTr.hide();
  
      } else if (selectedValue === '6') {
          $bentleyTr.show();
          $audiTr.hide();
          $astonmartinTr.hide();
          $alfaromeoTr.hide();
  
  
  
      } else {
          $astonmartinTr.hide();
          $alfaromeoTr.hide();
          $audiTr.hide();
          $bentleyTr.hide();
      }
  }
  </code></pre>
  
  <p>So the main question is, how to show the result or a specific page, after user selects make, model (...year, trim, and so on) from the list.</p>