Contoh memindahkan daftar drop-down pilih dari batas kiri ke kanan

Ketika pernyataan berikut dipanggil ketika halaman belum dimuat, objek "tambah" tidak dapat diperoleh, dan prompt kosong atau bukan suatu objek.

Copy kode kodenya sebagai berikut:

document.getElementById("tambahkan").onclick = function(){

peringatan("halo");

}

benda yang tersedia pada saat digunakan

Copy kode kodenya sebagai berikut:

jendela.onload = fungsi(){

document.getElementById("tambahkan").onclick = function(){

peringatan("halo");

}

}

Copy kode kodenya sebagai berikut:

<skrip tipe="teks/javascript">

//Item yang dipilih berpindah dari kiri ke kanan

fungsi ke kanan() {

var firstElement = document.getElementById("pertama");

var secondElement = document.getElementById("kedua");

var firstoptionElement = firstElement.getElementsByTagName("pilihan");

var len = firstoptionElement.panjang;

untuk(var i=0;i<len;i++){

if(firstElement.selectedIndex != -1){ //selectedIndex adalah properti pilihan

secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);

}

}

}

//Pindahkan semua ke kanan

berfungsi baik-baik saja(){

var firstElement = document.getElementById("pertama");

var secondElement = document.getElementById("kedua");

var firstoptionElement = firstElement.getElementsByTagName("pilihan");

var len = firstoptionElement.panjang;

untuk(var i=0;i<len;i++){

secondElement.appendChild(firstoptionElement[0]);//Ketika opsi opsi dipilih, indeksnya adalah 0

}

}

//Klik dua kali untuk berpindah ke kanan

fungsi db(){

/* //Metode 1

var firstElement = document.getElementById("pertama");

var secondElement = document.getElementById("kedua");

var firstoptionElement = firstElement.getElementsByTagName("pilihan");

var len = firstoptionElement.panjang;

untuk(var i=0;i<len;i++){

if(firstElement.selectedIndex != -1){ //selectedIndex adalah properti pilihan

secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);

}

} */

//Metode 2

var firstElement = document.getElementById("pertama");

var secondElement = document.getElementById("kedua");

secondElement.appendChild(firstElement[firstElement.selectedIndex]);

}

</skrip>

<gaya tipe="teks/css">

</gaya>

</kepala>

<tubuh>

<tabel align="kiri">

<tr>

<td>

<pilih nama="pertama" size="10" multiple="beberapa" id="pertama" ondblclick="db()">

<option value="1">Opsi 1</option>

<option value="2">Opsi 2</option>

<option value="3">Opsi 3</option>

<option value="4">Opsi 4</option>

<option value="5">Opsi 5</option>

<option value="6">Opsi 6</option>

</pilih>

</td>

<td valign="tengah">

<input id="tambahkan" nama="tambahkan" type="button" value="---->" onclick="toright()"/>

<input id="add_all" name="add_all" type="button" value="==>" onclick="allright()"/>

</td>

<td menyelaraskan="kiri">

<pilih nama="kedua" size="10" multiple="multiple" id="kedua">

<option value="Opsi 8">Opsi 8</option>

</pilih>

</td>

</tr>

</tabel>

</tubuh>