title: Populating a <select> menu with ajax, json and WITHOUT jquery
body: <p>I have a few select menus that I would like to populate using json from my php script (each select menu shows different values depending on the contents of the other select menus).
  I know how to clear and fill a select menu from the js as long as I have an array to work with. The problem is that I don't know how to use the ajax call to retrieve an array or json for the javascript to populate the select menu with.</p>
  
  <p>I do not wish to use jquery as it is simply too big for such a simple task imho.</p>
  
  <p>I would appreciate any comments regarding this matter.</p>
  
  <p>My test script for populating a menu:</p>
  
  <pre><code>var sl = document.getElementById(foo);
  sl.options.length = 0;
  for(var i=0;i&lt;100;i++){
      sl.options[i] = new Option(i + "Option text", i+"optionValue");
  }
  </code></pre>
  
  <p>Thank you.</p>