Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<title> JavaScript Edition Wählen Sie das Menü Drop -Down -Menü aus, um es zu verschieben und zu sortieren </title>
<meta http-äquiv = "content-type" content = "text/html; charset = gb2312">
</head>
<body>
<P> Wählen Sie eine oder mehrere aus, klicken Sie dann, um hinzuzufügen oder zu entfernen (Sie können mehrere Auswahl für Umschalt- oder Strg -Auswahl auswählen oder zum Hinzufügen und Entfernen zum Auswahlelement doppelte. </p>
<Form method = "post" name = "myForm">
<tabelle>
<tr>
<td>
<selet multiple name = "list1" size = "12" ontdblclick = "moveoption (document.list.list1, document.myform.list2)">
<Option Value = "Beijing"> Beijing </Option>
<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"> 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"> Tibet </Option>
<Option value = "xinjiang"> xinjiang </option>
<Option value = "yunnan"> yunnan </option>
<Option Value = "Zhejiang"> Zhejiang </Option>
<Option Value = "Hong Kong"> Hong Kong </Option>
<Option value = "macau"> macau </option>
<Option Value = "Taiwan"> Taiwan </Option>
<Option Value = "Andere"> Andere </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 multiple name = "list2" size = "12" wdblclick = "moveoption (document.list.list2, document.myform.list1)">
</select>
</td>
<td>
<button onclick = "ChangePos (List2, -1)" Typ = "Button">
Auf </button>
<br />
<button onclick = "ChangePos (List2,1)" Typ = "Button">
Auf </button>
</td>
</tr>
</table>
Wert: <Eingabe type = "text" name = "city" size = "40">
</form>
<script Language = "JavaScript">
<!-
Funktion moveoption (e1, e2) {{{{{{{{{{{{{{
versuchen {
für (var i = 0; i <e1.options.length; i ++) {
if (e1.options [i] .Select) {{{{{{{{{{{{{{{{{{{{{{{{{{{{
var e = e1.options [i];
e2.options.add (neue Option (E.Text, E. value));
e1.remove (i);
i = i -1
}
}
document.myform.city.Value = getValue (document.myform.list2);
}
fangen (e) {}
}
Funktion GetValue (geto) {
var Allvalue = "";
für (var i = 0; i <geto.options.length; i ++) {
Allvalue + = Geto.Options [i].
}
Allvalue zurückgeben;
}
Funktion 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>