selectObject.lengthは、ドロップダウンリスト（select要素）内の選択肢（option要素）の数を取得するプロパティ。
構文
取得
var $length = $selectElementReference.length;
戻り値
ドロップダウンリスト（select要素）内の選択肢（option要素）の数。
サンプル
ドロップダウンリスト内の選択肢（option要素）の数：
ドロップダウンリストＡ：
ドロップダウンリストＢ：
サンプルの動作について
- 「Ａ」ボタンをクリックすると、「ドロップダウンリスト内の選択肢（option要素）の数：」の右横に「3」と表示する。
- 「Ｂ」ボタンをクリックすると、「ドロップダウンリスト内の選択肢（option要素）の数：」の右横に「5」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getLength( $id ) {
var $elementReference = document.getElementById( $id );
var $length = $elementReference.length;
document.getElementById( "sampleOutput" ).innerHTML = $length;
}
</script>
function getLength( $id ) {
var $elementReference = document.getElementById( $id );
var $length = $elementReference.length;
document.getElementById( "sampleOutput" ).innerHTML = $length;
}
</script>
HTML
<p>
<button onclick="getLength('sampleA');">Ａ</button>
<button onclick="getLength('sampleB');">Ｂ</button>
</p>
<p>ドロップダウンリスト内の選択肢（option要素）の数：<span id="sampleOutput"></span></p>
<p>
ドロップダウンリストＡ：
<select id="sampleA">
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
</select>
</p>
<p>
ドロップダウンリストＢ：
<select id="sampleB" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>
<button onclick="getLength('sampleA');">Ａ</button>
<button onclick="getLength('sampleB');">Ｂ</button>
</p>
<p>ドロップダウンリスト内の選択肢（option要素）の数：<span id="sampleOutput"></span></p>
<p>
ドロップダウンリストＡ：
<select id="sampleA">
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
</select>
</p>
<p>
ドロップダウンリストＢ：
<select id="sampleB" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>