files/ja/web/api/htmlselectelement/form/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

---
title: HTMLSelectElement.form
slug: Web/API/HTMLSelectElement/form
tags:
  - API
  - HTMLSelectElement
  - プロパティ
  - 読み取り専用
  - リファレンス
browser-compat: api.HTMLSelectElement.form
translation_of: Web/API/HTMLSelectElement/form
---
{{ APIRef("HTML DOM") }}

**`HTMLSelectElement.form`** は読み取り専用のプロパティで、この要素が関連付けられているフォームを表す {{domxref("HTMLFormElement")}} を返します。この要素が {{HTMLElement("form")}} 要素に関連付けられていなかった場合は、`null` を返します。

## 構文

```js
aForm = aSelectElement.form.selectname;
```

## 例

### HTML

```html
<form action="http://www.google.com/search" method="get">
 <label>Google: <input type="search" name="q"></label> <input type="submit" value="Search...">
</form>
```

### Javascript

すべてのフォーム要素で使用できるプロパティである "type" は、呼び出し元のフォーム要素の型を返します。SELECT の場合、選択リストの種類に応じて "`select-one`" または "`select-multiple`" の値を取ります。以下のコードは特定のフォーム内のすべての SELECT 要素に CSS の "`selectclass`" クラスを設定します。

```html
<script type="text/javascript">
var form_element = document.getElementById('subscribe_form');
var vist = form_element.style;
if (vist.display=='' || vist.display=='none')
{
  vist.display = 'block';
}
else
{
  vist.display = 'none';
}
</script>
```

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}