คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<title> JavaScript Edition เลือกเมนู drop -down เพื่อย้ายและเรียงลำดับ </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">>
</head>
<body>
<p> เลือกอย่างน้อยหนึ่งรายการจากนั้นคลิกเพื่อเพิ่มหรือลบ (คุณสามารถเลือกการเลือก shift หรือ ctrl หลายรายการ) หรือคลิกสองครั้งไปยังรายการที่เลือกเพื่อเพิ่มและลบ </p>
<form method = "post" name = "myform">
<table>
<tr>
<td>
<selet หลายชื่อ = "list1" size = "12" ondblclick = "MoveOption (document.myform.list1, document.myform.list2)">
<ตัวเลือกค่า = "ปักกิ่ง"> ปักกิ่ง </potion>
<ตัวเลือกค่า = "เซี่ยงไฮ้"> เซี่ยงไฮ้ </potion>
<ตัวเลือกค่า = "มณฑลซานตง"> มณฑลซานตง </opovie>
<ตัวเลือกค่า = "anhui"> anhui </potion>
<ตัวเลือกค่า = "Chongqing"> Chongqing </potion>
<ตัวเลือกค่า = "Fujian"> Fujian </potion>
<ตัวเลือกค่า = "gansu"> gansu </potion>
<ตัวเลือกค่า = "guangdong"> guangdong </potion>
<ตัวเลือกค่า = "guangxi"> guangxi </potion>
<ตัวเลือกค่า = "guizhou"> guizhou </potion>
<ตัวเลือกค่า = "ไหหลำ"> ไหหลำ </pontion>
<ตัวเลือกค่า = "hebei"> hebei </potion>
<ตัวเลือกค่า = "heilongjiang"> heilongjiang </potion>
<ตัวเลือกค่า = "Henan"> Henan </pontion>
<ตัวเลือกค่า = "hubei"> hubei </potion>
<ตัวเลือกค่า = "Hunan"> Hunan </potion>
<ตัวเลือกค่า = "Inner Mongolia"> ชั้นในมองโกเลีย </pontion>
<ตัวเลือกค่า = "JIANGSU"> JIANGSU </POTION>
<ตัวเลือกค่า = "Jiangxi"> Jiangxi </potion>
<ตัวเลือกค่า = "jilin"> jilin </potion>
<ตัวเลือกค่า = "liaOning"> liaOning </potion>
<ตัวเลือกค่า = "ningxia"> ningxia </potion>
<ตัวเลือกค่า = "Qinghai"> Qinghai </potion>
<ตัวเลือกค่า = "Shanxi"> Shanxi </potion>
<ตัวเลือกค่า = "shaanxi"> shaanxi </potion>
<ตัวเลือกค่า = "เสฉวน"> เสฉวน </portion>
<ตัวเลือกค่า = "tianjin"> tianjin </potion>
<ตัวเลือกค่า = "ทิเบต"> ทิเบต </potion>
<ตัวเลือกค่า = "Xinjiang"> Xinjiang </potion>
<ตัวเลือกค่า = "yunnan"> yunnan </potion>
<ตัวเลือกค่า = "Zhejiang"> Zhejiang </portion>
<ตัวเลือกค่า = "ฮ่องกง"> ฮ่องกง </petion>
<ตัวเลือกค่า = "มาเก๊า"> มาเก๊า </potion>
<ตัวเลือกค่า = "ไต้หวัน"> ไต้หวัน </potion>
<ตัวเลือกค่า = "อื่น ๆ "> อื่น ๆ </potion>
</เลือก>
</td>
<td align = "center">
<input type = "button" value = ">>" onclick = "MoveOption (document.myform.list1, document.myform.list2)"> <br />
<br />
<input type = "button" value = "<<" "onClick =" MoveOption (document.myform.list2, document.myform.list1) ">">
</td>
<td>
<selet หลายชื่อ = "list2" size = "12" wdblclick = "MoveOption (document.myform.list2, document.myform.list1)">
</เลือก>
</td>
<td>
<ปุ่ม onclick = "changepos (list2, -1)" type = "ปุ่ม">
บน </button>
<br />
<ปุ่ม onclick = "ChangePos (list2,1)" type = "ปุ่ม">
บน </button>
</td>
</tr>
</table>
ค่า: <อินพุต type = "text" name = "city" size = "40">
</form>
<ภาษาสคริปต์ = "JavaScript">
-
ฟังก์ชั่น MoveOption (E1, E2) {{
พยายาม {
สำหรับ (var i = 0; i <e1.options.length; i ++) {
if (e1.options [i] .Select) {{
var e = e1.options [i];
e2.options.add (ตัวเลือกใหม่ (e.text, e.value));
e1.remove (i);
i = i -1
-
-
document.myform.city.value = getValue (document.myform.list2);
-
จับ (e) {}
-
ฟังก์ชั่น getValue (geto) {
var allValue = "";
สำหรับ (var i = 0; i <geto.options.length; i ++) {
AllValue + = geto.options [i]
-
คืนค่าทั้งหมด;
-
ฟังก์ชั่น ChangePos (OBJ, INDEX) {
if (index == -1) {{
if (obj.selectedIndex> 0) {{
obj.options (obj.selectedex) .swapnode (obj.options (obj.selectex -1)))
-
-
อื่นถ้า (index == 1) {{
ifj.selectedIndex <obj.options.length -1) {{
obj.options (obj.selectedex) .swapnode (obj.options (obj.selectindindex + 1)))
-
-
-
-
</script>
</body>
</html>