js动态添加

<form isCheck="true" action="controller.SysRuleModelController">
<table cellpadding="0" cellspacing="1" >
<tr>
<th> 类型：</th>
<td >
<select>
<option value="1" >业务模型</option>
<option value="2" >实体类</option>
</select>
</td>
<th> 中文名 ：</th>
<td >
<input type="text" notNull="false" maxLength="50" value="" />
</td>
<th> 英文名 ：</th>
<td >
<input type="text" notNull="false" maxLength="100" value="" />
</td>
</tr>
<tr>
<th> 备注 ：</th>
<td colspan="5">
<textarea maxLength="100" rows="5" cols="60"></textarea>
</td>
</tr>
</table>

属性管理
<div>
<table cellpadding="0" cellspacing="1">
<tr>
<td>序号</td>
<td>属性中文名</td>
<td>属性英文名</td>
<td>数据类型</td>
<td>长度</td>
<td>引用字典编码</td>
<td>描述</td>
<td>操作</td>
</tr>
<tr>
<td><input type="text" value="1"></td>
<td><input type="text" notNull="false" maxLength="50" value="" ></td>
<td><input type="text" notNull="false" maxLength="100" value="" ></td>
<td>
<select >
<option value="1" >字符型</option>
<option value="2" >数字型</option>
<option value="3" >日期型</option>
<option value="4" >浮点型</option>
</select>
</td>
<td><input type="text" maxLength="50" value="" ></td>
<td><input type="text" maxLength="50" value="" ></td>
<td><input type="text" maxLength="50" value="" ></td>
<td><a href="#">删除</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="1">
<tr><td><input type="button" value="增加"/></td></tr>
</table>

</form>

</div>

</body>
<script type="text/javascript">
$(document).ready(function(){
//增加<tr/>
$("#but").click(function(){
var _len = $("#tab tr").length;
alert(_len)
$("#tab").append("<tr>"
+'<td><input type="text" value="'+_len+'"></td>'
+'<td><input type="text" notNull="false" maxLength="50" value="" ></td>'
+'<td><input type="text" notNull="false" maxLength="100" value="" ></td>'
+'<td><select>'
+'<option value="1" >数字型</option>'
+'<option value="2" >字符型</option>'
+'<option value="3" >日期型</option>'
+'<option value="4" >浮点型</option>'
+'</select></td>'
+'<td><input type="text" maxLength="50" value="" ></td>'
+'<td><input type="text" maxLength="50" value="" ></td>'
+'<td><input type="text" maxLength="50" value="" ></td>'
+"<td><a href=http://www.likecs.com/\'#\' onclick=http://www.likecs.com/\'deltr("+_len+")\'>删除</a></td>"
+"</tr>");
});

});

 

//删除<tr/>
function deltr(index){
//var _len = $("#tab tr").length;
$("tr[id='"+index+"']").remove();//删除当前行
}