jquery的replaceWith用法求详解,代码改进!解决方案
jquery的replaceWith用法求详解,代码改进!
我增加的行中有多个input select,希望在删除时能保持内容不变,可是在replaceWith时遇到问题!
如何能简洁的更新相关的id,name,value?
以下是重点代码
以下是全文代码
我增加的行中有多个input select,希望在删除时能保持内容不变,可是在replaceWith时遇到问题!
如何能简洁的更新相关的id,name,value?
以下是重点代码
//删除<tr/>
var deltr =function(index)
{
var _len = $("#tab tr").length;
$("tr[id='"+index+"']").remove();//删除当前行
for(var i=index+1,j=_len;i<j;i++)
{
//var nextTxtVal = $("#desc"+i).val();
var nextTxtVal = $("#desc"+i).html();
var nextIndex = $("#desc"+i).get(0).selectedIndex;
$("tr[id=\'"+i+"\']")
.replaceWith("<tr id="+(i-1)+" align='center'>"
+"<td>"+(i-1)+"</td>"
+"<td><select name=ColorName"+(i-1)+" id='desc"+(i-1)+"' style=width:auto;>"+nextTxtVal+"</select></td>"
+"<td><a href=\'#\' onclick=\'deltr("+(i-1)+")\'>删除</a></td>"
+"</tr>");
$("#desc"+(i-1)).get(0).selectedIndex = nextIndex; //index为索引值
}
以下是全文代码
<!-- include file="public/isuser.asp" -->
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<title></title>
<script>
$(document).ready(function(){
//<tr/>居中
$("#tab tr").attr("align","center");
//增加<tr/>
$("#but").click(function(){
var _len = $("#tab tr").length;
//alert(_len);
$("#tab").append("<tr id="+_len+" align='center'>"
+"<td>"+_len+"</td>"
+"<td><select name=ColorName"+_len+" id='desc"+_len+"' style=width:auto;><option value=黑色 >黑色</option><option value=紫色 >紫色</option><option value=绿色 >绿色</option></select></td>"
+"<td><input type='text' class='number' size='6' maxlength='6' value='0' name='S90_"+_len+"' id='D_90"+_len+"' /></td>"
+"<td><input type='text' class='number' size='6' maxlength='6' value='0' name='S100_"+_len+"' id='D_100"+_len+"' /></td>"
+"<td><input type='text' class='number' size='6' maxlength='6' value='0' name='S110_"+_len+"' id='D_110"+_len+"' /></td>"
+"<td><input type='text' class='number' size='6' maxlength='6' value='0' name='S120_"+_len+"' id='D_120"+_len+"' /></td>"
+"<td><input type='text' class='number' size='6' maxlength='6' value='0' name='S130_"+_len+"' id='D_130"+_len+"' /></td>"