Jquery 动态增加和删除行列

来源:互联网 发布:董洁潘粤明 知乎 编辑:程序博客网 时间:2024/06/06 22:46
function addSortTr(){
  var attrValue=trim(document.getElementById("attrValue").value);
  var valueNames=document.getElementsByName("valueNames");
    if (null == attrValue || trim(attrValue).length == 0) {
        alert("属性值名称不能为空!");
        return false;
      }
    if(attrValue.length>40){
   alert("属性组名称超过最大文字长度,不能添加!");
   return false;
   } 
    for(var i=1;i<valueNames.length;i++){
    if(valueNames[i].value==attrValue){
     alert("属性值不能重复!");
    document.getElementById("attrValue").value="";
    return false;
    }
      } 
var table=$("#sortTable");
var tr=$("#_sortTr").clone();
tr.show();
table.append(tr);
tr.children().children("input:hidden").each(function(){
$(this).val('');
});
document.getElementById("attrValue").value="";
return false;
}

  <tr>
    <td width="166">&nbsp;</td>
    <td width="177">&nbsp;
    <table id="sortTable" border="0" cellpadding="0" cellspacing="1">
     <tr id="_sortTr" align="right"  style="display:none;">
   <td>
   <input type="text" id="newattrValue" name="valueNames" size=15/></td>
<td>
<td>
<input type="button" onclick="remove(this)" value="删除" />
</td>
</td>