title: referencing multiple values inside an option element
body: <p>Similar question to <a href="https://stackoverflow.com/questions/3245967/can-an-option-in-select-tag-carry-multiple-values">Can an Option in a Select tag carry multiple values?</a> - except I want to reference the values in JavaScript</p>
  
  <p>To recap:<br>
  I want to return more than one value for a selected item in a selectbox - so I was thinking something like this:</p>
  
  <pre><code>&lt;SELECT id='selectList'&gt;
     &lt;OPTION value1="a" value2="b" value3="c"&gt;OPTION 1&lt;/OPTION&gt;
     &lt;OPTION value1="d" value2="e" value3="f"&gt;OPTION 2&lt;/OPTION&gt;
  &lt;/SELECT&gt;
  </code></pre>
  
  <p>I then want to get the values of the selected item:</p>
  
  <pre><code>var sel = document.getElementById('selectList');
  selValue1 = sel.options(sel.selectedIndex).value1;
  selValue2 = sel.options(sel.selectedIndex).value2;
  selValue3 = sel.options(sel.selectedIndex).value3;
  </code></pre>
  
  <p>currently I can pull value='x' for an option but I need more values to be associated with the option.  I could probably delimit all three values into one and later use string functions to split them out, but that just seem nasty.</p>