js 动态添加删除排序 列表

function add(){
				var k=1;
				var de=document.getElementsByName("edutypeid2");
				for(var i=0;i<de.length;i++){
					if(de[i].value==$('edutypeid').value){
						k=0;
						alert('已经添加');
					}
				}
				
			 if(k==1){
			 	var tea=$('edutypeid');
				var teacherid=$('edutypeid').value;
				var teacher=tea.options[tea.selectedIndex].text;
			 	var d = document.createElement("div");
			 	d.innerHTML="<a class=\"bt\" onclick=\"javascript:sort(this)\">"+teacher+"</a><input name=\"edutypeid2\" value=\""+teacherid+"\" type=\"hidden\"><input type=\"button\" onclick=\"del(this)\" value=\"删除\"/><br/>";
			 	//alert(d.innerHTML);
			 	$('de').appendChild(d);
				
			 }	
			}
			function del(v){
				var is=confirm('是否删除?');
				if(is){
				var x=v.parentNode;
				x.parentNode.removeChild(x);
				}
			}

			var j=2;
			var s;
			function sort(v){
				if(j%2==0){
					//v.style.cursor="move";
					s=v.parentNode.innerHTML;
					var x=v.parentNode;
					x.parentNode.removeChild(x);
				}else{
					var d = document.createElement("div");
					d.innerHTML=s;
					v.parentNode.parentNode.insertBefore(d,v.parentNode);
				}
				j++;
			}

			

 

 

html：

<div>
<label style="width: 200px; color: blue">讲师类型显示优先级</label> 
	<select	id="edutypeid" >
		.....
	</select>
	<input type="button" onclick="add()" value="添加" />
</div>


<div>
   排序：如A类型要排在B类型前面，则点击A类型，再点击B类型即可。
</div>
<div id="de">
    <div>
	<a class="bt" onclick="javascript:sort(this)">{showtext} /a>
		<input name="edutypeid2" value="{value}" type="hidden">
		<input	type="button" onclick="del(this)" value="删除" />
		<br />
		</div>
	</c:out>
	</div>