Metode HTMLSelectElement.add() menambahkan elemen OPTION baru ke dalam elemen SELECT ini.
Sintaks:
selectObj.add(element, index)
selectObj.options.add(element, index)
- element adalah OPTION baru yang akan ditambahkan ke dalam elemen SELECT.
- index akan menentukan posisi penyisipan, dengan bahasa singkatnya tolong OPTION baru ini disisipkan pada indeks ke INI.
Contoh di bawah ini menambahkan satu elemen OPTION ke dalam elemen SELECT:
<FORM>
<SELECT>
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var selectObj = document.getElementsByTagName("select")[0];
var newOption = document.createElement("option");
newOption.text = "Yellow";
selectObj.add(newOption, 0);
</SCRIPT>
Jika OPTION baru berhasil ditambahkan, maka di dalam elemen SELECT akan terdapat satu OPTION baru:
<SELECT>
<OPTION>Yellow</OPTION>
</SELECT>
Contoh di bawah ini menambahkan OPTION baru menggunakan bentuk sintaks ke 2:
<FORM>
<SELECT>
<OPTION>0</OPTION>
<OPTION>1</OPTION>
<OPTION>2</OPTION>
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var selectObj = document.getElementsByTagName("select")[0];
var newOption = document.createElement("option");
newOption.text = "3";
selectObj.options.add(newOption, 2);
</SCRIPT>
Jika OPTION baru berhasil ditambahkan, maka posisi OPTION baru di dalam elemen SELECT akan terlihat seperti di bawah ini:
<SELECT>
<OPTION>0</OPTION>
<OPTION>1</OPTION>
<OPTION>3</OPTION>
<OPTION>2</OPTION>
</SELECT>
