<div style="width: 750px; margin: 50px auto 0;">
<div>颜色分类:<input id="i_color" width="60" /><span class="i_color_error">*</span></div>
<div>规格型号:<input id="i_model" width="60" /><span class="i_model_error">*</span><span id="i_model_add">增加</span></div>
<table width="750" border="1" cellpadding="4" cellspacing="1" bordercolor="#C9DBEF" id="ctr" >
<tr>
<td>颜色</td>
<td>图片</td>
<td>规格</td>
<td>价格</td>
<td>数量</td>
<td>条码</td>
<td>仓库</td>
<td>删除</td>
</tr>
</table>
<script type="text/javascript">
(function($){
var color = '';
var model = '';
var bool;
var td_size = $('#ctr tr:first td').size();
var tr;
var index = 0;
var boo_index;
var rowspan;
var click_bool;
$('#i_model_add').click(function(){
bool = false;
boo_index = true;
model = $('#i_model').val().trim();
color = $('#i_color').val().trim();
if(model == ''){
bool = true;
$('.i_model_error').show();
}
else{
$('.i_model_error').hide();
}
if(color == ''){
bool = true;
$('.i_color_error').show();
}
else{
$('.i_color_error').hide();
}
if(bool){
return false;
}
$('.sekuan').each(function(){
if($(this).html() == color){
rowspan = $(this).parent().attr('rowspan');
if(rowspan > 0){
rowspan ++;
}
else{
rowspan = 2;
}
$(this).parent().attr('rowspan',rowspan);
$(this).parent().parent().find('.pic').parent().attr('rowspan',rowspan);
tr = '<tr><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')" onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>" /></td><td><span class="remove">删除</span></td></tr>';
$(this).parent().parent().after(tr);
boo_index = false;
}
});
if(boo_index){
tr = '<tr><td><span class="sekuan">' + color + '</span></td><td><input type="file" class="pic" /></td><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')" onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>"/></td><td><span class="remove">删除</span></td></tr>';
$('tbody').append(tr);
}
});
$('.remove').live('click',function(){
if($(this).parent().parent().find('td').size() == td_size && (!$(this).parent().parent().find('td:first').attr('rowspan') || $(this).parent().parent().find('td:first').attr('rowspan') == 1)){
$(this).parent().parent().remove();
}
if($(this).parent().parent().find('td').size() < td_size){
click_bool = true;
$(this).parent().parent().prevAll('tr').each(function(){
if(click_bool && $(this).find('td:first').attr('rowspan')){
rowspan = $(this).find('td:first').attr('rowspan');
rowspan --;
$(this).find('td:first,td:eq(1)').attr('rowspan',rowspan);
click_bool = false;
}
});
$(this).parent().parent().remove();
}
if($(this).parent().parent().find('td').size() == td_size && $(this).parent().parent().find('td:first').attr('rowspan') > 1){
rowspan = $(this).parent().parent().find('td:first').attr('rowspan');
rowspan --;
$(this).parent().parent().next().prepend($(this).parent().parent().find('td:eq(1)').clone());
$(this).parent().parent().next().prepend($(this).parent().parent().find('td:first').clone());
$(this).parent().parent().next().find('td:first,td:eq(1)').attr('rowspan',rowspan);
$(this).parent().parent().remove();
}
});
})(jQuery);
</script>
</div>
<div>颜色分类:<input id="i_color" width="60" /><span class="i_color_error">*</span></div>
<div>规格型号:<input id="i_model" width="60" /><span class="i_model_error">*</span><span id="i_model_add">增加</span></div>
<table width="750" border="1" cellpadding="4" cellspacing="1" bordercolor="#C9DBEF" id="ctr" >
<tr>
<td>颜色</td>
<td>图片</td>
<td>规格</td>
<td>价格</td>
<td>数量</td>
<td>条码</td>
<td>仓库</td>
<td>删除</td>
</tr>
</table>
<script type="text/javascript">
(function($){
var color = '';
var model = '';
var bool;
var td_size = $('#ctr tr:first td').size();
var tr;
var index = 0;
var boo_index;
var rowspan;
var click_bool;
$('#i_model_add').click(function(){
bool = false;
boo_index = true;
model = $('#i_model').val().trim();
color = $('#i_color').val().trim();
if(model == ''){
bool = true;
$('.i_model_error').show();
}
else{
$('.i_model_error').hide();
}
if(color == ''){
bool = true;
$('.i_color_error').show();
}
else{
$('.i_color_error').hide();
}
if(bool){
return false;
}
$('.sekuan').each(function(){
if($(this).html() == color){
rowspan = $(this).parent().attr('rowspan');
if(rowspan > 0){
rowspan ++;
}
else{
rowspan = 2;
}
$(this).parent().attr('rowspan',rowspan);
$(this).parent().parent().find('.pic').parent().attr('rowspan',rowspan);
tr = '<tr><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')" onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>" /></td><td><span class="remove">删除</span></td></tr>';
$(this).parent().parent().after(tr);
boo_index = false;
}
});
if(boo_index){
tr = '<tr><td><span class="sekuan">' + color + '</span></td><td><input type="file" class="pic" /></td><td><span class="guige">' + model + '</span></td><td><input class="pirce2" value="<%=pirce2%>"/></td><td><input class="shulian" nKeyUp="this.value=this.value.replace(/\D/g,\'\')" onafterpaste="this.value=this.value.replace(/\D/g,\'\')" value="1"/></td><td><input class="tiaoma" value="<%=tiaoma%>"/></td><td><input class="ku" value="<%=ku%>"/></td><td><span class="remove">删除</span></td></tr>';
$('tbody').append(tr);
}
});
$('.remove').live('click',function(){
if($(this).parent().parent().find('td').size() == td_size && (!$(this).parent().parent().find('td:first').attr('rowspan') || $(this).parent().parent().find('td:first').attr('rowspan') == 1)){
$(this).parent().parent().remove();
}
if($(this).parent().parent().find('td').size() < td_size){
click_bool = true;
$(this).parent().parent().prevAll('tr').each(function(){
if(click_bool && $(this).find('td:first').attr('rowspan')){
rowspan = $(this).find('td:first').attr('rowspan');
rowspan --;
$(this).find('td:first,td:eq(1)').attr('rowspan',rowspan);
click_bool = false;
}
});
$(this).parent().parent().remove();
}
if($(this).parent().parent().find('td').size() == td_size && $(this).parent().parent().find('td:first').attr('rowspan') > 1){
rowspan = $(this).parent().parent().find('td:first').attr('rowspan');
rowspan --;
$(this).parent().parent().next().prepend($(this).parent().parent().find('td:eq(1)').clone());
$(this).parent().parent().next().prepend($(this).parent().parent().find('td:first').clone());
$(this).parent().parent().next().find('td:first,td:eq(1)').attr('rowspan',rowspan);
$(this).parent().parent().remove();
}
});
})(jQuery);
</script>
</div>