HTML Select オブジェクトは Option オブジェクトに対してどのように動作しますか?

この記事の内容は、HTML Select オブジェクトが Option オブジェクトをどのように操作するかについてです。必要な方は参考にしていただければ幸いです。

選択オブジェクトは、実際にはオプション オブジェクトの配列を含む複合オブジェクトです。

オブジェクトの選択

選択オブジェクトの最も重要な属性は、現在選択されているボックス内のテキストのインデックス値であるselectedIndexです

使用法は次のとおりです:

formObject.selectName.selectedIndex

オプションオブジェクト

オプションオブジェクトを作成します。つまり、タグ内にオプションオブジェクトを作成する または複数のテキスト

var a = document.getElementById("ID值");
a.options = new Option("文本", "值");

options は複数のテキストラベルを格納できる配列です

オプションオブジェクトメソッド:

ラベルを追加します: obj.options.add(new Option("Text", " Value") )

ラベルを削除します: obj.options.remove(obj.selectedIndex)

ラベルのテキストを取得します: obj.options[obj.selectedIndex].text

ラベルの値を取得します: obj。 options[obj.selectedIndex ].value

タグの値を変更します: obj.options[obj.selectedIndex] = new Option("新しいテキスト", "新しい値")

すべてのタグを削除します: obj.options.length = 0

注: obj.option のオプションは大文字にする必要はありませんが、新しいオプションのオプションは大文字にする必要があります

おすすめ関連記事:

html5 カスタム属性: カスタム属性値を取得する方法 (コード付き)

HTML フォームの仕組み (画像とテキスト)

HTML で Web サイトの背景画像を変更または追加するコードの書き方(例)

以上がHTML Select オブジェクトは Option オブジェクトに対してどのように動作しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。