selectObject.lengthプロパティ

selectObject.lengthは、ドロップダウンリスト(select要素)内の選択肢(option要素)の数を取得するプロパティ。

構文

取得

var $length = $selectElementReference.length;

戻り値

ドロップダウンリスト(select要素)内の選択肢(option要素)の数。

サンプル

ドロップダウンリスト内の選択肢(option要素)の数:

ドロップダウンリストA:

ドロップダウンリストB:

サンプルの動作について

  • 「A」ボタンをクリックすると、「ドロップダウンリスト内の選択肢(option要素)の数:」の右横に「3」と表示する。
  • 「B」ボタンをクリックすると、「ドロップダウンリスト内の選択肢(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>

HTML

<p>
    <button onclick="getLength('sampleA');"></button>
    <button onclick="getLength('sampleB');"></button>
</p>
<p>ドロップダウンリスト内の選択肢(option要素)の数:<span id="sampleOutput"></span></p>
<p>
    ドロップダウンリストA:
    <select id="sampleA">
        <option value="選択肢1">選択肢1</option>
        <option value="選択肢2">選択肢2</option>
        <option value="選択肢3">選択肢3</option>
    </select>
</p>
<p>
    ドロップダウンリストB:
    <select id="sampleB" multiple>
        <option value="選択肢1">選択肢1</option>
        <option value="選択肢2">選択肢2</option>
        <option value="選択肢3">選択肢3</option>
        <option value="選択肢4">選択肢4</option>
        <option value="選択肢5">選択肢5</option>
    </select>
</p>

スポンサード リンク

カテゴリー: DOM, JavaScript, Selectオブジェクト, リファレンス パーマリンク