通过一个文本框网select框添加内容，select框内容可排序

大致效果如图：


JS代码如下

function moveUp(obj){　  
	for(var i=1; i < obj.length; i++){//最上面的一个不需要移动，所以直接从i=1开始  
		if(obj.options[i].selected){  
			if(!obj.options.item(i-1).selected) {  
				var selText = obj.options[i].text;  
				var selValue = obj.options[i].value;  
				obj.options[i].text = obj.options[i-1].text;  
				obj.options[i].value = obj.options[i-1].value;  
				obj.options[i].selected = false;  
				obj.options[i-1].text = selText;  
				obj.options[i-1].value = selValue;  
				obj.options[i-1].selected=true;  
			}  
		}  
	}  
}  
  

function moveDown(obj){  
	for(var i = obj.length -2 ; i >= 0; i--){//向下移动，最后一个不需要处理，所以直接从倒数第二个开始  
		if(obj.options[i].selected){  
			if(!obj.options[i+1].selected){  
				var selText = obj.options[i].text;  
				var selValue = obj.options[i].value;  
				obj.options[i].text = obj.options[i+1].text;  
				obj.options[i].value = obj.options[i+1].value;  
				obj.options[i].selected = false;  
				obj.options[i+1].text = selText;  
				obj.options[i+1].value = selValue;  
				obj.options[i+1].selected=true;  
			}  
		}  
	}  
}  

function moveOption(obj1, obj2){  
	objValue = obj1.value;
	
	if(objValue==""){
		alert("请输入要添加的数据！");
		return false;
	}
	for(var i = 0; i< obj2.options.length; i++) {
		if(objValue==obj2.options[i].value){
			alert("该数据已经存在！");
			return false;
		}
	}
	var opt = new Option(objValue,objValue);  
	opt.selected = true;  
	obj2.options.add(opt);  
}

function delOption(obj1){  
	for(var i = obj1.options.length - 1 ; i >= 0 ; i--) {  
		if(obj1.options[i].selected){  
			obj1.remove(i);  
		}  
	}  
}

HTML代码部分，我是用了struts2标签的select框，你可以自己修改一下

<table>
          		<tr>
          			<td valign="top">
          				<s:select multiple="true" name="searchSite" list="searchSite" size="5" id="searchSite" cssStyle="width:200px;"></s:select>
          				<br/><font color="red">为空时搜索所有网站！</font>
          			</td>
          			<td valign="top">
	          			<input type="text" name="addSite" id="addSite" onblur="isDomain(this.value)"/><br/>
	          			<font color="red">例如:163.com</font><br/>
	          			<input value="添加" style="width: 70px;" type="button" onclick="moveOption(document.getElementById('addSite'),document.getElementById('searchSite'))"/>
	          			<input value="删除" style="width: 70px;" type="button" onclick="delOption(document.getElementById('searchSite'));"/><br/>
	          			<input value="上移" style="width: 70px;" type="button" onclick="moveUp(document.getElementById('searchSite'));"/>
	          			<input value="下移" style="width: 70px;" type="button" onclick="moveDown(document.getElementById('searchSite'));"/>
	          			
          			</td>
          		</tr>
          	</table>