Is selectedOptions broken or...?
<p>Note: this question has nothing to do with Knockout.js, but it's about the <code>selectedOptions</code> attribute of <code>&lt;select&gt;</code> elements instead. This is the reference:</p>

<p><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#dom-select-selectedoptions" rel="nofollow">http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#dom-select-selectedoptions</a></p>

<p>I think it's a nice feature for Javascript developers. The support is quite limited, but it's growing anyway. Chrome, Opera and Safari should already support it.</p>

<p>The problem is that I can't figure out how it works. The behaviour should be quite straightforward, yielding a live collection of the selected options, but it turns out to be not the case. You'd imagine that <code>selectedOptions</code> changes everytime the user selects an option, right? Wrong. I've prepared a test case:</p>

<p><a href="http://jsfiddle.net/f39cC/5/" rel="nofollow">http://jsfiddle.net/f39cC/5/</a></p>

<p>In this example, Opera 11.64 <strong>always</strong> returns the first value selected, no matter what you do after, while Chrome 21 dev and 19 stable have an odd behaviour. Do the following steps:</p>

<ol>
<li>Select 'One'. In both output and console you get "One", as expected.</li>
<li>Select 'Two' too, using Ctrl. In console you get "One,Two", in output it's still "One".</li>
<li>Select 'Three' too. In console it's "One,Two,Three", in output it's "One,Two".</li>
<li>Now select 'Two' only. In console you get "Two", in output "Two,," (notice the two commas).</li>
</ol>

<p><strong>However</strong>, if you comment out the <code>console.log</code> line, you always get the correct output. You can get the expected behaviour in both console and output if you swap the two instructions, or if you store the value in a separated string, as in this:</p>

<p><a href="http://jsfiddle.net/f39cC/2/" rel="nofollow">http://jsfiddle.net/f39cC/2/</a></p>

<p>So, am I missing something about <code>selectedOptions</code>? Is it too soon to rely on this property, that probably has a buggy implementation? Is <code>console.log</code> creating the issue in Chrome? Is there something I don't know about <code>HTMLCollection</code>s?</p>

<p>I don't have Safari installed, can someone check its behaviour?</p>

<p><strong>UPDATE 18/2/2013</strong>: I don't know when things have changed, but both Chrome 24.0.1312.57 and Opera 12.14 seems to work fine now. Firefox 18.0.2 and Internet Explorer 10 still have to implement the property.</p>
