Selectors/API/jQuery
:selected
選択状態にある全ての要素を選択します。
サンプル
サンプル1
リストボックスの選択状態が変わる度に、選択されているアイテム名を表示します。
<select name="garden" multiple="multiple"> <option>Flowers</option> <option selected="selected">Shrubs</option> <option>Trees</option> <option selected="selected">Bushes</option> <option>Grass</option> <option>Dirt</option> </select>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.trigger('change');
[全コードを表示]
[実行結果を単体で表示]