最新のWeb開発のチュートリアル
 

選択add() Method

<オブジェクトを選択します

追加"Kiwi"のドロップダウンリストの末尾にオプションを:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);
»それを自分で試してみてください

定義と使用法

add()メソッドは、ドロップダウンリストにオプションを追加するために使用されます。

ヒント:使用して、ドロップダウンリストからオプションを削除するにはremove()メソッドを。


ブラウザのサポート

方法
add() はい はい はい はい はい

構文

selectObject .add( パラメータ値
パラメーター 説明
option 必須。 追加するオプションを指定します。 オプションまたはOPTGROUP要素である必要があります
index 任意。 新しいオプションの要素を挿入する場所のインデックス位置を指定する整数。 インデックスは、インデックスが指定されていない場合は、新しいオプションは、リストの最後に挿入される0から始まります。

技術的な詳細

戻り値: 戻り値なし

その他の例

追加"Kiwi"のドロップダウンリストの最初にオプションを:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);
»それを自分で試してみてください

追加"Kiwi"のインデックス位置にあるオプション"2"のドロップダウンリストのを:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);
»それを自分で試してみてください

ドロップダウンリストで選択したオプションの前にオプションを追加します。

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
    var option = document.createElement("option");
    option.text = "Kiwi";
    var sel = x.options[x.selectedIndex];
    x.add(option, sel);
}
»それを自分で試してみてください

<オブジェクトを選択します