title: pick random value from a drop-down list
body: <p>I have this script:</p>
  
  <pre><code>    &lt;script&gt;
      function $(id) {
          return document.getElementById(id);
      }
      function getImage() {
  
          $('loader').src='/misc/images/loading.gif';
          var url = "http://mousecreator.com/";
  
          // outfit
          var head = "&amp;head="+$('head').value;
          var ears = "&amp;ears="+$('ears').value;
          var eyes = "&amp;eyes="+$('eyes').value;
          var mouth = "&amp;mouth="+$('mouth').value;
          var neck = "&amp;neck="+$('neck').value;
          var ears = "&amp;ears="+$('ears').value;
          var hair = "&amp;hair="+$('hair').value;
          var fur = "&amp;fur="+$('fur').value;
          var tail = "&amp;tail="+$('tail').value;
  
  
          // sham
          if(document.sh.sham.checked)
              var sham = "&amp;sham=1";
          else
              var sham = "";
  
          //alert(document.sh.sham.checked);
  
  
          var murl = url +"mouse.php?" + head + ears + eyes + mouth + neck + ears + hair + fur + tail + sham;
  
          // set the preview image and text box
          $('prem').src=murl;
      }
  
      function remLoad() {
          $('loader').src="";
      }&lt;/script&gt;
  
              &lt;select id="head"&gt;
          &lt;option value="235"&gt;Value 1&lt;/option&gt;
          &lt;option value="324"&gt;Value 2&lt;/option&gt;
      ...
      ...
  &lt;button onclick="getImage()"&gt;Generate&lt;/button&gt;
  </code></pre>
  
  <p>Is there any way to make a button to randomly pick id's from all the drop-down lists at the same time when clicking the Generate button? Every id (head, ears, eyes, etc. has it's own droplist)</p>
  
  <p>Thanks in advance! </p>