javascript动态增加,删除一行之通用方法 包括下拉菜单的复制
2013-07-18 17:31
411 查看
<script type="text/javascript">
$(function(){
$("#addRow").click(function(){
var oldRow = $("tr[id='fristRow']");
var addRow = oldRow.clone(false);
addRow.attr("id", "cloneRow").attr("name","clonetr").find("td").not(":last").find("input").val("");
addRow.find("td:last").find("input:last").attr("name","dele").val("删除").click(function(){
var vTr = $(this).parent("td").parent("tr");
vTr.remove();
});
var addSite = $("#addArea").find("tr")[$("#addArea").find("tr").length - 1];
$(addRow).insertAfter(addSite);
});
});
//submit
$(function(){
$("#btn_ok").click(function() {
var flag = adjustNull();
if(flag){
var trLength = $("#addArea tr").length;
for(var j=0;j<=4;j++){
var array = [];
for (var i = 0; i < trLength; i++) {
var code = $.trim($("#addArea tr:eq("+i+") th:eq("+j+") input").val());
array.push(code);
}
}
$("#myform").submit();
}else{
alert("input value is not allowed null");
}
});
});
//check not null
function adjustNull(){
var flag = true;
$("#addArea tr td input").each(function(index, obj) {
var inputValue = $.trim($(obj).val());
if(inputValue.length==''){
flag = false;
return false;
}
});
return flag;
}
</script>
$(function(){
$("#addRow").click(function(){
var oldRow = $("tr[id='fristRow']");
var addRow = oldRow.clone(false);
addRow.attr("id", "cloneRow").attr("name","clonetr").find("td").not(":last").find("input").val("");
addRow.find("td:last").find("input:last").attr("name","dele").val("删除").click(function(){
var vTr = $(this).parent("td").parent("tr");
vTr.remove();
});
var addSite = $("#addArea").find("tr")[$("#addArea").find("tr").length - 1];
$(addRow).insertAfter(addSite);
});
});
//submit
$(function(){
$("#btn_ok").click(function() {
var flag = adjustNull();
if(flag){
var trLength = $("#addArea tr").length;
for(var j=0;j<=4;j++){
var array = [];
for (var i = 0; i < trLength; i++) {
var code = $.trim($("#addArea tr:eq("+i+") th:eq("+j+") input").val());
array.push(code);
}
}
$("#myform").submit();
}else{
alert("input value is not allowed null");
}
});
});
//check not null
function adjustNull(){
var flag = true;
$("#addArea tr td input").each(function(index, obj) {
var inputValue = $.trim($(obj).val());
if(inputValue.length==''){
flag = false;
return false;
}
});
return flag;
}
</script>
相关文章推荐
- Javascript的动态增加‘类’的方法
- JavaScript 实现动态增加、删除表单域
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 使用Javascript动态增加,删除表格(使用DHTML对象模型)
- JavaScript---动态添加删除属性与方法和对象构造方法
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- 给Xcode增加复制行、删除行快捷键的方法
- 利用jquery给指定的table动态添加一行、删除一行,复制,值不重复等操作
- javascript动态增加、删除、填充表格内容
- javascript动态创建及删除元素的方法
- Javascript动态创建表格及删除行列的方法
- javascript动态添加、修改、删除对象的属性和方法
- JavaScript实现DIV层拖动及动态增加新层的方法
- javascript实现动态增加行删除行.
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- Hadoop概念学习系列之Hadoop集群动态增加新节点或删除已有某节点及复制策略导向 (四十三)
- JavaScript数组Array对象增加和删除元素方法
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- javascript动态增加、删除、填充表格内容