Salin kode kode sebagai berikut:
<Html>
<head>
<Title> Edisi JavaScript Pilih menu drop -down untuk memindahkan dan mengurutkannya </iteme>
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
</head>
<body>
<p> Pilih satu atau lebih, lalu klik untuk menambah atau menghapus (Anda dapat memilih beberapa pilihan shift atau ctrl), atau klik ganda ke item pemilihan untuk ditambahkan dan menghapus. </p>
<Form Method = "Post" Name = "MyForm">
<able>
<tr>
<td>
<selet multiple name = "list1" size = "12" ondBlClick = "moveOption (document.myform.list1, document.myform.list2)">
<Opsi Value = "Beijing"> Beijing </pection>
<Opsi Value = "Shanghai"> Shanghai </pection>
<Opsi value = "shandong"> shandong </pection>
<Opsi value = "anhui"> anhui </pection>
<Opsi value = "chongqing"> chongqing </pection>
<Opsi Value = "Fujian"> Fujian </pection>
<Opsi value = "gansu"> gansu </pection>
<Opsi Value = "Guangdong"> Guangdong </pection>
<Opsi Value = "Guangxi"> Guangxi </pection>
<Opsi value = "guizhou"> guizhou </pection>
<Opsi value = "hainan"> hainan </pection>
<nilai opsi = "hebei"> hebei </pection>
<nilai opsi = "heilongjiang"> heilongjiang </pection>
<Opsi Value = "Henan"> Henan </pection>
<Option value = "hubei"> hubei </pection>
<Opsi value = "hunan"> hunan </pection>
<Opsi Value = "Inner Mongolia"> Inner Mongolia </pection>
<Opsi Value = "Jiangsu"> Jiangsu </pection>
<Opsi Value = "Jiangxi"> Jiangxi </pection>
<Option value = "jilin"> jilin </pection>
<Opsi value = "liaoning"> liaoning </pection>
<Opsi value = "ningxia"> ningxia </pection>
<Opsi value = "qinghai"> qinghai </pection>
<Opsi value = "shanxi"> shanxi </pection>
<Opsi value = "shaanxi"> shaanxi </pection>
<Opsi Value = "Sichuan"> Sichuan </pection>
<Opsi value = "tianjin"> tianjin </pection>
<Option value = "tibet"> tibet </pection>
<Option value = "xinjiang"> xinjiang </pection>
<Opsi value = "yunnan"> yunnan </pection>
<Opsi value = "Zhejiang"> Zhejiang </option>
<Opsi Value = "Hong Kong"> Hong Kong </pection>
<Option value = "macau"> macau </pection>
<nilai opsi = "taiwan"> taiwan </pection>
<Option value = "Other"> Other </pection>
</pilih>
</td>
<td align = "center">
<input type = "tombol" value = ">>" onclick = "moveOption (document.myform.list1, document.myform.list2)"> <br />
<br />
<input type = "Tombol" value = "<<" "onClick =" moveOption (document.myform.list2, document.myform.list1) ">">
</td>
<td>
<selet multiple name = "list2" size = "12" wdblClick = "moveOption (document.myform.list2, document.myform.list1)">
</pilih>
</td>
<td>
<tombol OnClick = "ChangePos (List2, -1)" type = "Tombol">
Di </button>
<br />
<tombol OnClick = "ChangePos (List2,1)" type = "Tombol">
Di </button>
</td>
</tr>
</boable>
Nilai: <input type = "text" name = "city" size = "40">
</form>
<bahasa skrip = "javascript">
<!-
Function moveOption (e1, e2) {{
mencoba {
untuk (var i = 0; i <e1.options.length; i ++) {
if (e1.options [i] .select) {{
var e = e1.Options [i];
e2.options.add (opsi baru (e.text, e.value));
E1.Remove (I);
i = i -1
}
}
document.myform.city.value = getValue (document.myform.list2);
}
catch (e) {}
}
function getValue (geto) {
var allValue = "";
untuk (var i = 0; i <geto.options.length; i ++) {
allValue + = geto.options [i].
}
Mengembalikan allValue;
}
Fungsi changepos (obj, index) {
if (index == -1) {{
if (obj.selectedIndex> 0) {{
obj.options (obj.selectedex) .swapnode (obj.options (obj.selectex -1)))
}
}
lain if if (index == 1) {{
ifj.selectedIndex <obj.options.length -1) {{
obj.options (obj.selectedex) .swapnode (obj.options (obj.selectIndIndex + 1))
}
}
}
//->
</script>
</body>
</html>