title: Printing list of options from a select element in Developer Tools
body: <p>I am trying to pull the list of values from a select element while in Developer Tools console for Chrome (or Firefox), but I'm having trouble with the various answers I've seen in other places are a few years old and don't seem to work for me.</p>
  <p>Take the following as an example:</p>
  <pre><code>&lt;select id=&quot;states&quot;&gt;
    &lt;option value=&quot;AL&quot;&gt;Alabama&lt;/option&gt;
    &lt;option value=&quot;AK&quot;&gt;Alaska&lt;/option&gt;
    &lt;option value=&quot;AZ&quot;&gt;Arizona&lt;/option&gt;
    &lt;option value=&quot;AR&quot;&gt;Arkansas&lt;/option&gt;
    &lt;option value=&quot;CA&quot;&gt;California&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>My selector on the console would be:</p>
  <pre><code>$$('#states &gt; option').values
  </code></pre>
  <p>Values returns an ArrayIterator.  But I'm not sure what to do with that.</p>
  <p>What I would like to have returned are the value of each option and the text of each option.</p>