optionObject.formプロパティ

optionObject.formは、選択肢(option要素)が所属するform要素への参照を取得するプロパティ。

構文

取得

var $form = $selectElementReference.form;

戻り値

選択肢(option要素)が所属するform要素への参照。

サンプル

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

ドロップダウンリストAの選択肢2が属するform要素のid属性値:

ドロップダウンリストBの選択肢3が属するform要素のid属性値:

サンプルのソースコード

JavaScript

<script type="text/javascript">
window.onload = function () {
    document.getElementById( "sampleOutputA" ).innerHTML = document.getElementById( "sampleA" ).form.id;
    document.getElementById( "sampleOutputB" ).innerHTML = document.getElementById( "sampleB" ).form.id;
}
</script>

HTML

<div id="sampleWarp">
    <form id="sampleFormA">
        ドロップダウンリストA:
        <select>
            <option value="選択肢1">選択肢1</option>
            <option value="選択肢2" id="sampleA">選択肢2</option>
            <option value="選択肢3">選択肢3</option>
            <option value="選択肢4">選択肢4</option>
            <option value="選択肢5">選択肢5</option>
        </select>
    </form>
    <form id="sampleFormB">
        ドロップダウンリストB:
        <select id="sampleB">
            <option value="選択肢1">選択肢1</option>
            <option value="選択肢2">選択肢2</option>
            <option value="選択肢3" id="sampleB">選択肢3</option>
            <option value="選択肢4">選択肢4</option>
            <option value="選択肢5">選択肢5</option>
        </select>
    </form>
    <p>ドロップダウンリストAの選択肢2が属するform要素のid属性値:<span id="sampleOutputA"></span></p>
    <p>ドロップダウンリストBの選択肢3が属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>

スポンサード リンク

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