From 39a8bbef9ff2f21dcdaa3609a5f41d2ee87cc759 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 11 Apr 2021 01:23:13 +0900 Subject: HTMLSelectElement インターフェイスを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/01/05 時点の英語版に同期 --- files/ja/web/api/htmlselectelement/index.html | 26 ++++++++++++-------------- 1 file changed, 12 insertions(+), 14 deletions(-) diff --git a/files/ja/web/api/htmlselectelement/index.html b/files/ja/web/api/htmlselectelement/index.html index bdbd0b3c2a..5339fb80d3 100644 --- a/files/ja/web/api/htmlselectelement/index.html +++ b/files/ja/web/api/htmlselectelement/index.html @@ -15,13 +15,13 @@ translation_of: Web/API/HTMLSelectElement

{{InheritanceDiagram(600, 120)}}

-

プロパティ

+

プロパティ

このインターフェイスは {{domxref("HTMLElement")}} と、 {{domxref("Element")}} および {{domxref("Node")}} からプロパティを継承しています。

{{domxref("HTMLSelectElement.autofocus")}}
-
{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("autofocus", "select")}} 属性を反映し、ページが読み込みの際に、ユーザーが異なるコントロールに入力するなどで上書きをしない限り、コントロールが入力フォーカスを持つべきかどうかを示します。文書中のフォーム関連要素の中で、この属性を指定できるのは1つだけです。 {{gecko_minversion_inline("2.0")}}
+
{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("autofocus", "select")}} 属性を反映し、ページが読み込みの際に、ユーザーが異なるコントロールに入力するなどで上書きをしない限り、コントロールが入力フォーカスを持つべきかどうかを示します。文書中のフォーム関連要素の中で、この属性を指定できるのは 1 つだけです。
{{domxref("HTMLSelectElement.disabled")}}
{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("disabled", "select")}} 属性を反映し、コントロールが無効か否か、つまりクリックを受け付けるかどうかを示します。
{{domxref("HTMLSelectElement.form")}}{{ReadOnlyInline}}
@@ -37,13 +37,13 @@ translation_of: Web/API/HTMLSelectElement
{{domxref("HTMLSelectElement.options")}}{{ReadOnlyInline}}
{{domxref("HTMLOptionsCollection")}} で、この要素に含まれる一連の {{HTMLElement("option")}} 要素を表します。
{{domxref("HTMLSelectElement.required")}}
-
{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("required", "select")}} 属性を反映し、ユーザーがフォームを送信する前に値を選択する必要があることを示します。 {{gecko_minversion_inline("2.0")}}
+
{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("required", "select")}} 属性を反映し、ユーザーがフォームを送信する前に値を選択する必要があることを示します。
{{domxref("HTMLSelectElement.selectedIndex")}}
long で、最初に選択された {{HTMLElement("option")}} 要素の序数を反映します。 -1 の値は要素が選択されていないことを示します。
{{domxref("HTMLSelectElement.selectedOptions")}}{{ReadOnlyInline}}
{{domxref("HTMLCollection")}} で、選択されているすべての {{HTMLElement("option")}} 要素を反映します。
{{domxref("HTMLSelectElement.size")}}
-
long で、 HTML の {{htmlattrxref("size", "select")}} 属性を反映し、コントロール内で見える項目の数が入ります。既定値は、 multiple が true でなければ1で、そうでなければ4です。
+
long で、 HTML の {{htmlattrxref("size", "select")}} 属性を反映し、コントロール内で見える項目の数が入ります。既定値は、 multiple が true でなければ 1 で、そうでなければ 4 です。
{{domxref("HTMLSelectElement.type")}}{{ReadOnlyInline}}
{{domxref("DOMString")}} で、フォームコントロールの型を表します。 multiple が true である場合は select-multiple を返し、そうでなければ select-one を返します。
{{domxref("HTMLSelectElement.validationMessage")}}{{ReadOnlyInline}}
@@ -56,7 +56,7 @@ translation_of: Web/API/HTMLSelectElement
{{jsxref("Boolean")}} で、ボタンが制約検証の候補になるかどうかを示します。制約検証が阻止される場合は false となります。
-

メソッド

+

メソッド

このインターフェイスは {{domxref("HTMLElement")}} と、 {{domxref("Element")}} および {{domxref("Node")}} からメソッドを継承しています。

@@ -81,7 +81,7 @@ translation_of: Web/API/HTMLSelectElement
選択要素の独自の検証メッセージを指定されたメッセージに設定します。要素に独自の検証エラーがないことを示すには、空文字列を使用してください。
-

イベント

+

イベント

これらのイベントを待ち受けするには {{domxref("EventTarget/addEventListener", "addEventListener()")}} を使用するか、イベントリスナーをこのインターフェイスの onイベント名 プロパティに代入するかしてください。

@@ -90,11 +90,11 @@ translation_of: Web/API/HTMLSelectElement
{{HTMLElement("input")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素の value が変化したときに発生します。
-

例

+

例

-

選択された選択肢についての情報を得る

+

選択された選択肢についての情報を得る

-
/*以下の HTML があることを想定する
+
/* 以下の HTML があることを想定する
 <select id='s'>
     <option>First</option>
     <option selected>Second</option>
@@ -113,7 +113,7 @@ console.log(select.options[select.selectedIndex].value) // Second
 
 
ユーザーの選択の変更を追跡するのであれば、 {{domxref("HTMLElement/change_event", "change")}} イベントが <select> に発生するのを監視するほうがより良い方法です。これは値が変化したときに通知され、必要なものを更新することができます。詳しくは、 change イベントのドキュメントで提供されている例を参照してください。

 
-
仕様書

+
仕様書

 
 
@@ -151,13 +151,11 @@ console.log(select.options[select.selectedIndex].value) // Second
  

  
 

 
-
ブラウザーの互換性

-
-
+
ブラウザーの互換性

 
 
{{Compat("api.HTMLSelectElement")}}

 
-
関連情報

+
関連情報

 
 
    
  
  • このインターフェイスを実装している HTML 要素: {{ HTMLElement("select") }}
    • 
-- 
cgit v1.2.3-54-g00ecf