<HTML>
<HEAD>
<TITLE>Select drop-down menu</TITLE>
<META NAME="Description" CONTENT="Power by hill">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</HEAD>
<BODY>
<p>Select one or more items and click Add or Remove (Shift or ctrl to multi-select), or double-click on the selection to add and remove. </p>
<form method="post" name="myform">
<table border="0" width="300">
<tr>
<td width="40%">
<select style="WIDTH:100%" multiple name="list1" size="12" ondblclick="moveOption(.list1, .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>
</select>
</td>
<td width="20%" align="center">
<input type="button" value="add" onclick="moveOption(.list1, .list2)"><br/>
<br/>
<input type="button" value="delete" onclick="moveOption(.list2, .list1)">
</td>
<td width="40%">
<select style="WIDTH:100%" multiple name="list2" size="12" ondblclick="moveOption(.list2, .list1)">
</select>
</td>
<td>
<button onclick="changepos(list2,-1)" type="button">Move up</button>
<br/>
<button onclick="changepos(list2,1)" type="button">Move down</button>
</td>
</tr>
</table>
Value: <input type="text" name="city" size="40">
</form>
<script language="JavaScript">
function moveOption(e1, e2){
try{
for(var i=0;i<;i++){
if([i].selected){
var e = [i];
(new Option(, ));
(i);
ii=i-1
}
}
=getvalue(.list2);
}
catch(e){}
}
function getvalue(geto){
var allvalue = "";
for(var i=0;i<;i++){
allvalue +=[i].value + ",";
}
return allvalue;
}
function changepos(obj,index)
{
if(index==-1){
if (>0){
().swapNode((-1))
}
}
else if(index==1){
if (<-1){
().swapNode((+1))
}
}
}
</script>
</BODY>
</HTML>