JQuery: выбран не работает правильно?

Question

Документация для селектора jQuery :selected говорит о том, что правильным способом его использования является использование, например, $('select').filter(':selected'). Тем не менее, я не могу заставить его работать! Это работает только тогда, когда я использую что-то вроде $('select :selected').

Вот минимальный пример, вместе с моей реализацией его jsFiddle :

JavaScript:

function getLengths() {
    $("#dothis").text($("select").filter(":selected").length);
    $("#dothat").text($("select :selected").length);
}

$(function() {
    getLengths();
    $("select").change(getLengths);
});

соответствующий HTML:

<code><select multiple="multiple">
  <option selected="true">one</option>
  <option>two</option>
</select>
<div>
  <pre>$("select").filter(":selected").length = <span id="dothis"></span>

$("select :selected").length = <span id="dothat"></span>

Answer 1

Элементы фильтра, не выбираются:

function getLengths() {
    $("#dothis").text($("option").filter(":selected").length);
    $("#dothat").text($("select :selected").length);
}

$(function() {
    getLengths();
    $("select").change(getLengths);
});

http://jsfiddle.net/fdU83/6/

Answer 2

обновленная скрипка

:selected - это фильтр на option

Вы хотите сделать это:

$("select option").filter(":selected")

Или даже лучше ...

$("select option:selected")