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>
分享到:
相关推荐
JS动态添加、删除Table行排序(删除整行、删除整列)JS动态添加、删除Table行排序(删除整行、删除整列)
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
动态table添加或者删除一行使序号重新排序,placeholder、id和name同时重新排序
移动端拖拽排序,添加,删除效果
这个表格有漂亮的样式,可以隔行换色,单元格可以高亮显示,可以添加一行表格,删除本行,还可以排序,表格中有下拉框、checkbox等空间,挺好的功能。 但是要在IE8上运行,其他浏览器是不支持的,文件为.html格式,...
js自定义表格(只适用IE) 支持以下功能: 调整列宽 表格记录排序 各种数据校验 添加行和删除行 单元格回车跳转
Flutter Image添加拖拽排序,Image添加拖拽排序,支持点击事件,删除,添加,长按拖拽排序,支持视频固定为首。 flutter_image_add_drag_sort Flutter图像添加拖动排序,图像添加拖动排序,支持单击事件,删除,添加...
本文实例讲述了json格式数据的添加,删除及排序方法。分享给大家供大家参考,具体如下: js数据格式和json数据格式,各有各的用处,就个人而言,json更好用一点,js自身的数组和对像限制比较多。 以js的数组举例: ...
主要介绍了JS实现的表格操作类,可实现针对表格的添加,删除,排序,上移,下移等操作,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JavaScript实现下拉列表框数据增加、删除、上下排序的方法。分享给大家供大家参考。具体如下: 这里实现在一个支持多选的下拉列表框内进行数据项的添加、删除、向上、向下移动操作,我们在一些人才...
js动态构建可以置顶、置底、上移、下移、添加、删除的table,
主要介绍了JS实现对json对象排序并删除id相同项功能,涉及javascript针对json格式数据的遍历、运算、判断、添加、删除等相关操作技巧,需要的朋友可以参考下
小巧、不可见且简单但功能强大且速度惊人的普通 JavaScript,可为纯 HTML 列表、表格或任何内容添加搜索、排序、过滤器和灵活性。 List.js 可以以三种不同的方式使用。 它可以在现有的 HTML 上,也可以创建自己的 ...
主要介绍了JS实现数组删除指定元素功能,涉及javascript数组遍历、排序、判断等相关操作技巧,需要的朋友可以参考下
主要介绍了javascript数组常见操作方法,结合实例形式总结分析了javascript数组的连接、添加、删除、去重、排序等操作,代码注释附带较为详细的说明,需要的朋友可以参考下
List.js 完善的库,可为表,列表和各种HTML元素添加搜索,排序,过滤器和灵活性。 构建为不可见并可以在现有HTML上运行。 确实简单易用!核心思想简单无形易于应用于现有HTML 没有依赖关系快速小处理数千个项目产品...
js对数组对象的操作以及方法的使用 如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataList.splice(0,arr.length); 如何指定位置对数组对象的添加...
数据编辑 jsgrid允许添加新记录,更新和删除数据项。 分页 jsgrid具有灵活分页根据实际情况设置分页。 输入 jsgrid具有不同的列类型支持文本,数字,选择,复选框等输入。 数据来源 jsgrid支持静态数组数据源或REST...
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序 85、原生JavaScript字符串反序 86、原生JavaScript用正则表达式清除html代码中的脚本 87、原生JavaScript动态执行JavaScript脚本 88、原生JavaScript...