다음과 같이 코드 코드를 복사하십시오.
<html>
<헤드>
<title> javaScript Edition Drop -Down 메뉴를 선택하여 이동하고 정렬합니다 </title>
<meta http-equiv = "content-type"content = "text/html; charset = gb2312">
</head>
<body>
<p> 하나 이상을 선택한 다음 클릭하여 클릭하거나 제거하거나 (여러 시프트 또는 CTRL을 선택할 수 있음) 선택 항목을 추가하여 추가하여 제거하고 제거하십시오. </p>
<form method = "post"name = "myform">
<테이블>
<tr>
<td>
<selet 다중 이름 = "list1"size = "12"ondblClick = "moveOption (document.myform.list1, document.myform.list2)">
<옵션 값 = "베이징"> 베이징 </옵션>
<옵션 값 = "상하이"> 상하이 </옵션>
<옵션 값 = "Shandong"> Shandong </옵션>
<옵션 값 = "anhui"> anhui </옵션>
<옵션 값 = "chongqing"> chongqing </옵션>
<옵션 값 = "Fujian"> Fujian </옵션>
<옵션 값 = "gansu"> gansu </옵션>
<옵션 값 = "Guangdong"> Guangdong </옵션>
<옵션 값 = "guangxi"> guangxi </옵션>
<옵션 값 = "guizhou"> guizhou </옵션>
<옵션 값 = "Hainan"> Hainan </옵션>
<옵션 값 = "hebei"> hebei </옵션>
<옵션 값 = "Heilongjiang"> Heilongjiang </옵션>
<옵션 값 = "Henan"> Henan </옵션>
<옵션 값 = "hubei"> hubei </옵션>
<옵션 값 = "hunan"> hunan </옵션>
<옵션 값 = "내부 몽골"> 내부 몽골 </옵션>
<옵션 값 = "jiangsu"> jiangsu </옵션>
<옵션 값 = "jiangxi"> jiangxi </옵션>
<옵션 값 = "Jilin"> Jilin </옵션>
<옵션 값 = "liaoning"> liaoning </옵션>
<옵션 값 = "ningxia"> ningxia </옵션>
<옵션 값 = "Qinghai"> Qinghai </옵션>
<옵션 값 = "shanxi"> shanxi </옵션>
<옵션 값 = "Shaanxi"> Shaanxi </옵션>
<옵션 값 = "Sichuan"> Sichuan </옵션>
<옵션 값 = "tianjin"> tianjin </옵션>
<옵션 값 = "티벳"> 티베트 </옵션>
<옵션 값 = "Xinjiang"> Xinjiang </옵션>
<옵션 값 = "yunnan"> yunnan </옵션>
<옵션 값 = "Zhejiang"> Zhejiang </옵션>
<옵션 값 = "홍콩"> 홍콩 </옵션>
<옵션 값 = "마카오"> 마카오 </옵션>
<옵션 값 = "대만"> 대만 </옵션>
<옵션 값 = "기타"> 기타 </옵션>
</선택>
</td>
<td align = "center">
<입력 유형 = "버튼"value = ">>"onclick = "moveOption (document.myform.list1, document.myform.list2)"> <br />
<br />
<입력 유형 = "버튼"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>
<button onclick = "chongepos (list2, -1)"type = "button">
on </button>
<br />
<button onclick = "chongepos (list2,1)"type = "button">
on </button>
</td>
</tr>
</테이블>
값 : <입력 유형 = "text"name = "city"size = "40">
</form>
<script language = "javaScript">
<!-
함수 moveOption (e1, e2) {{
노력하다 {
for (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 = "";
for (var i = 0; i <geto.options.length; i ++) {
allValue + = geto.options [i], ","
}
AllValue를 반환하십시오.
}
함수 changepos (obj, index) {
if (index == -1) {{
if (obj.selectedIndex> 0) {{
obj.options (obj.selectedex) .spapnode (obj.options (obj.selectex -1))
}
}
else if (index == 1) {{
ifj.selectedIndex <obj.options.length -1) {{
obj.options (obj.selectedex) .spapnode (obj.options (obj.selectindex + 1))
}
}
}
//->
</스크립트>
</body>
</html>