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\" οnclick=\"javascript:sort(this)\">"+teacher+"</a><input name=\"edutypeid2\" value=\""+teacherid+"\" type=\"hidden\"><input type=\"button\" οnclick=\"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" οnclick="add()" value="添加" />
</div>
<div>
排序:如A类型要排在B类型前面,则点击A类型,再点击B类型即可。
</div>
<div id="de">
<div>
<a class="bt" οnclick="javascript:sort(this)">{showtext} /a>
<input name="edutypeid2" value="{value}" type="hidden">
<input type="button" οnclick="del(this)" value="删除" />
<br />
</div>
</c:out>
</div>