Copiar código del código de la siguiente manera:
<html>
<Evista>
<title> JavaScript Edition Seleccione el menú de caída para moverlo y ordenarlo </title>
<meta http-oquiv = "content-type" content = "text/html; charset = gb2312">
</ablo>
<Body>
<p> Seleccione uno o más, luego haga clic para agregar o eliminar (puede elegir múltiples selección de Shift o CTRL), o hacer doble clic en el elemento de selección para su adición y eliminación. </p>
<Form Method = "Post" Name = "MyForm">
<Table>
<tr>
<TD>
<selet múltiple name = "list1" size = "12" onDblClick = "MoveOption (document.myform.list1, document.myform.list2)">
<opción valor = "beijing"> beijing </opción>
<opción valor = "shanghai"> shanghai </opción>
<opción valor = "shandong"> shandong </ppection>
<opción valor = "anhui"> anhui </ppection>
<opción valor = "chongqing"> chongqing </ppection>
<opción valor = "fujian"> fujian </opción>
<opción valor = "gansu"> gansu </ppection>
<opción valor = "guangdong"> guangdong </opción>
<opción valor = "guangxi"> guangxi </opción>
<opción value = "Guizhou"> Guizhou </opción>
<opción valor = "hainan"> hainan </ppection>
<opción valor = "hebei"> hebei </ppection>
<opción valor = "heilongjiang"> heilongjiang </ppection>
<opción valor = "henan"> henan </ppection>
<opción valor = "hubei"> hubei </ppection>
<opción valor = "hunan"> hunan </ppection>
<opción valor = "mongolia interior"> Mongolia interna </ppection>
<opción valor = "jiangsu"> jiangsu </ppection>
<opción valor = "jiangxi"> jiangxi </ppection>
<opción valor = "jilin"> jilin </opción>
<opción valor = "liaoning"> liaoning </ppection>
<opción valor = "ningxia"> ningxia </opción>
<opción valor = "qinghai"> qinghai </opción>
<opción valor = "shanxi"> shanxi </opción>
<opción valor = "shaanxi"> shaanxi </ppection>
<opción valor = "sichuan"> sichuan </opción>
<opción value = "Tianjin"> Tianjin </opción>
<opción valor = "tibet"> tibet </ppection>
<opción valor = "xinjiang"> xinjiang </ppection>
<opción valor = "yunnan"> yunnan </opción>
<opción valor = "zhejiang"> zhejiang </ppection>
<opción valor = "Hong Kong"> Hong Kong </ppection>
<opción valor = "macau"> macau </opción>
<opción valor = "taiwán"> taiwan </opción>
<opción valor = "otro"> otro </ppection>
</select>
</td>
<td align = "centro">
<input type = "button" value = ">>" onClick = "MoveOption (document.myform.list1, document.myform.list2)"> <Br />
<Br />
<input type = "botón" value = "<<" "onClick =" MoveOption (document.myform.list2, document.myform.list1) ">">
</td>
<TD>
<selet múltiple name = "list2" size = "12" wdblclick = "MoveOption (document.myform.list2, document.myform.list1)">
</select>
</td>
<TD>
<Button onClick = "ChangePos (list2, -1)" type = "botón">
En </boton>
<Br />
<Button onClick = "ChangePos (list2,1)" type = "botón">
En </boton>
</td>
</tr>
</table>
Valor: <input type = "text" name = "city" size = "40">
</form>
<script language = "javaScript">
<!-
Función MoveOption (E1, E2) {{
intentar {
para (var i = 0; i <e1.options.length; i ++) {
if (e1.options [i] .select) {{
var e = e1.options [i];
e2.options.add (nueva opción (e.text, e.value));
e1.remove (i);
i = i -1
}
}
document.myform.city.value = getValue (document.myform.list2);
}
Catch (e) {}
}
función getValue (geto) {
var allValue = "";
para (var i = 0; i <geto.options.length; i ++) {
AllValue + = geto.options [i].
}
Devolver Allvalue;
}
Función 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.selectIndex + 1))
}
}
}
//->
</script>
</body>
</html>