title: Add text (from another html page) to a current html page using javascript
body: <p>I have the following code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h2&gt;The select Element&lt;/h2&gt;
  &lt;p&gt;The select element defines a drop-down list:&lt;/p&gt;
  
  &lt;form action="/action_page.php"&gt;
    &lt;select name="cars"&gt;
      &lt;option value="Volvo/text.html"&gt;Volvo&lt;/option&gt;
      &lt;option value="Saab/text.html"&gt;Saab&lt;/option&gt;
      &lt;option value="Fiat/text.html"&gt;Fiat&lt;/option&gt;
      &lt;option value="Audi/text.html"&gt;Audi&lt;/option&gt;
    &lt;/select&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;input type="submit"&gt;
  &lt;/form&gt;
  
  &lt;table&gt;
  
  &lt;/table&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I would like to do is based on my selection, get the html text of say Audi/text.html and insert it between the table tags. So it would look like...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
  
  &lt;tr&gt;
    &lt;td&gt; Some Audi text &lt;/td&gt;
    &lt;td&gt; Some more text&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Obviously, when the selection is changed, the content would change. If someone knows a better way to do this w/o javascript, that would be even better.</p>
  
  <p>Thank you!</p>