Код кода копирования следующим образом:
<html>
<голова>
<TILE> JavaScript Edition Выберите меню Drop -Down, чтобы переместить и сортировать его </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
</head>
<тело>
<p> Выберите один или несколько, затем нажмите, чтобы добавить или удалить (вы можете выбрать несколько выборов Shift или Ctrl), или дважды -щелкните элемент выбора для добавления и удаления. </p>
<Form method = "post" name = "myform">
<Таблица>
<tr>
<Td>
<SELET несколько name = "list1" size = "12" ondblclick = "moveoption (document.myform.list1, document.myform.list2)">
<option value = "beijing"> Пекин </option>
<опция value = "shanghai"> Shanghai </option>
<option value = "shandong"> shandong </option>
<option value = "anhui"> anhui </option>
<option value = "Chongqing"> Chongqing </option>
<option value = "fujian"> fujian </option>
<option value = "gansu"> gansu </option>
<option value = "guangdong"> guangdong </option>
<option value = "guangxi"> guangxi </option>
<option value = "guizhou"> guizhou </option>
<option value = "hainan"> hainan </option>
<option value = "hebei"> hebei </option>
<option value = "heilongjiang"> heilongjiang </option>
<option value = "henan"> henan </option>
<option value = "hubei"> hubei </option>
<option value = "hunan"> hunan </option>
<option value = "Inner Mongolia"> Внутренняя Монголия </option>
<option value = "jiangsu"> jiangsu </option>
<option value = "jiangxi"> jiangxi </option>
<option value = "jilin"> jilin </option>
<option value = "liaoning"> liaoning </option>
<option value = "ningxia"> ningxia </option>
<option value = "Qinghai"> Qinghai </option>
<option value = "shanxi"> shanxi </option>
<option value = "shaanxi"> shaanxi </option>
<option value = "sichuan"> sichuan </option>
<option value = "tianjin"> tianjin </option>
<option value = "tibet"> тибет </option>
<option value = "xinjiang"> xinjiang </option>
<option value = "yunnan"> yunnan </option>
<option value = "Zhejiang"> Zhejiang </option>
<option value = "Гонконг"> Гонконг </option>
<option value = "macau"> macau </option>
<опция value = "taiwan"> Тайвань </option>
<option value = "Другое"> Другое </option>
</select>
</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 несколько name = "list2" size = "12" wdblclick = "moveoption (document.myform.list2, document.myform.list1)">
</select>
</td>
<Td>
<button onclick = "changePos (list2, -1)" type = "кнопка">
На </button>
<br />
<button onclick = "changePos (list2,1)" type = "кнопка">
На </button>
</td>
</tr>
</table>
Значение: <input type = "text" name = "city" size = "40">
</form>
<script language = "javascript">
<!-
Функция перемещения (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 = "";
для (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.
}
}
else if (index == 1) {{{
ifj.selectedIndex <obj.options.length -1) {{
Obj.
}
}
}
//->
</script>
</body>
</html>