selectObject.formは、ドロップダウンリスト(select要素)が所属するform要素への参照を取得するプロパティ。
構文
取得
var $form = $selectElementReference.form;
戻り値
ドロップダウンリスト(select要素)が所属するform要素への参照。
サンプル
ドロップダウンリストAが属するform要素のid属性値:
ドロップダウンリストBが属する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>
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 id="sampleA">
<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>
</form>
<form id="sampleFormB">
ドロップダウンリストB:
<select id="sampleB">
<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>
</form>
<p>ドロップダウンリストAが属するform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>ドロップダウンリストBが属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>
<form id="sampleFormA">
ドロップダウンリストA:
<select id="sampleA">
<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>
</form>
<form id="sampleFormB">
ドロップダウンリストB:
<select id="sampleB">
<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>
</form>
<p>ドロップダウンリストAが属するform要素のid属性値:<span id="sampleOutputA"></span></p>
<p>ドロップダウンリストBが属するform要素のid属性値:<span id="sampleOutputB"></span></p>
</div>