title: How to access array if I get the name of the array from a selected option?
body: <p>I have a list of items:</p>
  
  <pre><code>&lt;select id ="listSelector"&gt;
          &lt;option value="books"&gt;Books&lt;/option&gt;
          &lt;option value="countries"&gt;Countries&lt;/option&gt;
          &lt;option value="states"&gt;States&lt;/option&gt;
          &lt;option value="presidents"&gt;Presidents&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Which correspond to arrays of items:</p>
  
  <pre><code>var books = ['genesis', 'exodus', 'leviticus', 'numbers'];
  var countries = ['Akrotiri','Albania','Algeria','American'];
  var states = ['Alabama','Alaska','Arizona','Arkansas'];
  var presidents = ['Washington','Adams','Jefferson','Madison'];
  </code></pre>
  
  <p>I want to be able to select an item from the list and use the value of the item to select the correct array.  </p>
  
  <pre><code>var listSelector = document.getElementById('listSelector');
  var selectedList = listSelector.options[listSelector.selectedIndex].value;
  console.log('selected', selectedList[0]); 
  // returns first letter of the value of the list that was selected
  // instead of the first item in the array.
  // Ex. If I selected the Books option, the value would be 'books' 
  // and I want to access the books array.
  </code></pre>