このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
HTMLSelectElement: form プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
HTMLSelectElement.form は読み取り専用のプロパティで、この要素が関連付けられているフォームを表す HTMLFormElement を返します。この要素が <form> 要素に関連付けられていなかった場合は、null を返します。
値
HTMLFormElement です。
例
html
<form id="pet-form">
<label for="pet-select">ペットを選択してください</label>
<select name="pets" id="pet-select">
<option value="dog">犬</option>
<option value="cat">猫</option>
<option value="parrot">オウム</option>
</select>
<button type="submit">送信</button>
</form>
<label for="lunch-select">ランチを選んでください</label>
<select name="lunch" id="lunch-select">
<option value="salad">サラダ</option>
<option value="sandwich">サンドウィッチ</option>
</select>
<script>
const petSelect = document.getElementById("pet-select");
const petForm = petSelect.form; // <form id="pet-form">
const lunchSelect = document.getElementById("lunch-select");
const lunchForm = lunchSelect.form; // null
</script>
仕様書
| 仕様書 |
|---|
| HTML # dom-fae-form-dev |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。