title: Trying to display large amounts of text based on dropdown selection
body: <p>To preface, I'm a complete novice at anything besides basic HTML, so I appreciate any help I can get (with "for dummies" level explanation if possible), and I apologize if I'm missing some sort of fundamental rule or understanding in my question.</p>
  
  <p>I would like each selection in a dropdown menu (about 40 options) to display a set of text (each different based on the selection).  Each set of text is multiple paragraphs and would ideally also contain formatting (bullet lists, etc.). I'm hoping to avoid having to reload the page every time a new selection is chosen, if humanly possible.  The other challenge is that I don't think there is any practical way to include ALL of the text in the code directly, meaning I need to find a way to load from an outside source.</p>
  
  <p>I had tried playing with this code (found elsewhere on the site):</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      var textBlocks = new Array( 
          'Text block one', 
          'Text block two', 
          'Text block three');
  
      function changeText(elemid) { 
          var ind = document.getElementById(elemid).selectedIndex; 
          document.getElementById("display").innerHTML=textBlocks[ind]; 
      } 
  &lt;/script&gt;
  
  &lt;form&gt; 
      &lt;select id="whatever" onChange="changeText('whatever');"&gt; 
          &lt;option value="0"&gt;Select&lt;/option&gt; 
          &lt;option value="1"&gt;One&lt;/option&gt; 
          &lt;option value="2"&gt;Two&lt;/option&gt; 
      &lt;/select&gt;&lt;br&gt; 
  &lt;/form&gt; 
  </code></pre>
  
  <p>To try and be able to include a text file or anything else in the array. (I know there is a way to load text files via PHP, but couldn't figure out if I could somehow include that in the array.)</p>
  
  <p>I'd appreciate any help with the above code or an entirely new suggestion.</p>