title: display HTML according to selected option
body: <p>First of all, let me say I am trying to modify existing code and I am pretty unfamiliar with jquery so the script part is probably way off. </p>
  
  <p>I'd have a select menu with integers for values, and when they are selected I would like to set the HTML inside the span id "stylediv"</p>
  
  <p>javascript:</p>
  
  <pre><code>&lt;script&gt; 
  function styleselect() {
      if (document.getElementById('globalstyleselect').value == "3") {
      $(".stylediv").html('&lt;b&gt;Boca Style&lt;/b&gt;');
    } 
      if (document.getElementById('globalstyleselect').value == "2") {
      $(".stylediv").html('&lt;b&gt;Bella Style&lt;/b&gt;');} 
  } 
      if (document.getElementById('globalstyleselect').value == "1") {
      $(".stylediv").html('&lt;b&gt;Terra Style&lt;/b&gt;');
  } 
  &lt;/script&gt;
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;select id="globalstyleselect" onchange="styleselect()"&gt;
  &lt;option value="1"&gt;Terra&lt;/option&gt;
  &lt;option value="2"&gt;Bella &lt;/option&gt;
  &lt;option value="3"&gt;Boca&lt;/option&gt;
  &lt;/select&gt;
  
  
  &lt;span id="stylediv"&gt;Text to display here&lt;/span&gt;
  </code></pre>