selectObject.selectedOptionsは、ドロップダウンリスト（select要素）内の選択した選択肢（option要素）のコレクション。
構文
$selectElementReference.selectedOptions;
例
$selectElementReference.selectedOptions[0]; // 選択した選択肢のうちの１つ目の選択肢への参照
$selectElementReference.selectedOptions[1]; // 選択した選択肢のうちの２つ目の選択肢への参照
$selectElementReference.selectedOptions[0].value; // 選択した選択肢のうちの１つ目の選択肢の値
$selectElementReference.selectedOptions[1]; // 選択した選択肢のうちの２つ目の選択肢への参照
$selectElementReference.selectedOptions[0].value; // 選択した選択肢のうちの１つ目の選択肢の値
サンプル
選択数：1
現在選択中の選択肢の値：選択肢３,
ドロップダウンリスト：
サンプルの動作について
ドロップダウンリストの選択を変更すると、「選択数：」の右横に、選択した選択肢の数を表示する。「現在選択中の選択肢の値：」の右横に、選択した選択肢の値（value属性値）を全て表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getSelected() {
var $elementReference = document.getElementById( "sample" );
var $selectedIndex = "";
var $value = "";
for( var $index = 0; $index < $elementReference.selectedOptions.length; $index++ ){
$value += $elementReference.selectedOptions[$index].value + ", ";
}
document.getElementById( "sampleOutputLength" ).innerHTML = $elementReference.selectedOptions.length;
document.getElementById( "sampleOutputValeu" ).innerHTML = $value;
}
</script>
function getSelected() {
var $elementReference = document.getElementById( "sample" );
var $selectedIndex = "";
var $value = "";
for( var $index = 0; $index < $elementReference.selectedOptions.length; $index++ ){
$value += $elementReference.selectedOptions[$index].value + ", ";
}
document.getElementById( "sampleOutputLength" ).innerHTML = $elementReference.selectedOptions.length;
document.getElementById( "sampleOutputValeu" ).innerHTML = $value;
}
</script>
HTML
<p>選択数：<span id="sampleOutputLength">1</span></p>
<p>現在選択中の選択肢の値：<span id="sampleOutputValeu">選択肢３, </span></p>
<p>
ドロップダウンリスト：
<select id="sample" onchange="getSelected()" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３" selected>選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>
<p>現在選択中の選択肢の値：<span id="sampleOutputValeu">選択肢３, </span></p>
<p>
ドロップダウンリスト：
<select id="sample" onchange="getSelected()" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３" selected>選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>