次のようにコードコードをコピーします。
<html>
<head>
<Title> JavaScript Editionを選択するメニューを選択して移動してソートします</title>
<メタhttp-equiv = "content-type" content = "text/html; charset = gb2312">
</head>
<body>
<p> 1つ以上を選択してから、クリックして追加または削除（ShiftまたはCTRLの複数の選択を選択できます）、または追加のために選択項目にダブルクリックして削除します。 </p>
<form method = "post" name = "myform">
<表>
<tr>
<td>
<selet multice name = "list1" size = "12" ondblclick = "moveoption（document.myform.list1、document.myform.list2）">
<オプション値= "beijing"> beijing </option>
<オプション値= "上海">上海</option>
<オプション値= "Shandong"> Shandong </option>
<オプション値= "anhui"> anhui </option>
<オプション値= "chongqing"> chongqing </option>
<オプション値= "Fujian"> Fujian </option>
<オプション値= "gansu"> gansu </option>
<オプション値= "guangdong"> guangdong </option>
<オプション値= "guangxi"> guangxi </option>
<オプション値= "guizhou"> guizhou </option>
<オプション値= "hainan"> hainan </option>
<オプション値= "hebei"> hebei </option>
<オプション値= "heilongjiang"> heilongjiang </option>
<オプション値= "henan"> enan </option>
<オプション値= "hubei"> hubei </option>
<オプション値= "hunan"> hunan </option>
<オプション値= "inner Mongolia">内モンゴル</option>
<オプション値= "jiangsu"> jiangsu </option>
<オプション値= "jiangxi"> jiangxi </option>
<オプション値= "jilin"> jilin </option>
<オプション値= "liaoning"> liaoning </option>
<オプション値= "ningxia"> ningxia </option>
<オプション値= "Qinghai"> Qinghai </option>
<オプション値= "shanxi"> shanxi </option>
<オプション値= "shaanxi"> shaanxi </option>
<オプション値= "sichuan"> sichuan </option>
<オプション値= "Tianjin"> Tianjin </option>
<option value = "tibet"> tibet </option>
<オプション値= "Xinjiang"> Xinjiang </option>
<オプション値= "Yunnan"> Yunnan </option>
<オプション値= "Zhejiang"> Zhejiang </option>
<オプション値= "Hong Kong"> Hong Kong </option>
<オプション値= "macau"> macau </option>
<オプション値= "Taiwan"> Taiwan </option>
<オプション値= "other">その他</option>
</select>
</td>
<td align = "center">
<入力型= "button" value = ">>" onclick = "moveoption（document.myform.list1、document.myform.list2）"> <br />
<br />
<入力型= "button" value = "<<" "onclick =" moveoption（document.myform.list2、document.myform.list1） ">">
</td>
<td>
<SELET複数名= "list2" size = "12" wdblclick = "moveoption（document.myform.list2、document.myform.list1）">
</select>
</td>
<td>
<button onclick = "changepos（list2、-1）" type = "button">
</button>
<br />
<button onclick = "changepos（list2,1）" type = "button">
</button>
</td>
</tr>
</table>
値：<入力タイプ= "テキスト" name = "city" size = "40">
</form>
<スクリプト言語= "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（new Option（E.Text、E.Value））;
e1.Remove（i）;
i = i -1
}
}
document.myform.city.value = getValue（document.myform.list2）;
}
catch（e）{}
}
関数getValue（geto）{
var allvalue = "";
for（var i = 0; i <geto.options.length; i ++）{
allvalue + = geto.options [i]。
}
allvalueを返します。
}
function changepos（obj、index）{
if（index == -1）{{
if（obj.selectedindex> 0）{{
obj.options（obj.selectedex）.swapnode（obj.options（obj.selectex -1））
}
}
else if（index == 1）{{
ifj.SelectedIndex <obj.options.length -1）{{
obj.options（obj.selectedex）.swapnode（obj.options（obj.selectindindex + 1））
}
}
}
//->
</script>
</body>
</html>