进, 都给分!
一个可编辑表格,在修改数据时获取td文本和隐藏域中的值,保存后再修改时第一次的修改将隐藏域中的值修改了变为“undefined”,怎么解决??
js:
$(function(){
$("#tb tbody tr td").dblclick(function(){
var val2=$(this).text();
var val=$(this).find("input:hidden").val();
alert(val+".."+val2);
var tdobj=$(this);
//if(tdobj.children('input').length>0) return false;
var text=tdobj.text();
tdobj.html('');
var inputobj=$('<input type=text/>').css('border-width','1px')
.css('border-style',' solid ')
.css('border-color','#0099CC')
.css('font-size',tdobj.css('font-size'))
.attr('maxLength','5')
.width(tdobj.width()-20)
.height(tdobj.height()-10)
.css('background-color',tdobj.css('background-color'))
.val(text)
.appendTo(tdobj);
inputobj.trigger('focus').trigger('select'); //双击后选中文本内容
inputobj.dblclick(function(){ return false; });
inputobj.blur(function(){ //当文本框失去焦点时
tdobj.html(text);
});
inputobj.keyup(function(event){
var keycode=event.which;
if(13==keycode){
var inputText=$(this).val();
tdobj.html(inputText);
}
});
tdobj.remove('input');
})
})
jsp:
<table id="tb" width="400" height="200" border="1" cellpadding="0" cellspacing="0" align="center">
<thead>
<tr align="center">
<td>序号</td><td>姓名</td><td>年龄</td><td>性别</td>
</tr></thead>
<tbody>
<tr align="center">
<td>1<input type="hidden" value="1000"/></td>
<td>Join<input type="hidden" value="1001"/></td>
<td>22<input type="hidden" value="1002"/></td>
<td>男<input type="hidden" value="1003"/></td>
</tr>
<tr align="center">
<td>2<input type="hidden" value="2000"/></td>
<td>Tocmt<input type="hidden" value="2001"/></td>
<td>23<input type="hidden" value="2002"/></td>
<td>女<input type="hidden" value="2003"/></td>
</tr>
<tr align="center">
<td>3<input type="hidden" value="3000"/></td>
<td>LogT<input type="hidden" value="3001"/></td>
<td>18<input type="hidden" value="3002"/></td>
<td>男<input type="hidden" value="3003"/></td>
</tr>
<tr align="center">
<td>4<input type="hidden" value="4000"/></td>
<td>JIM<input type="hidden" value="4001"/></td>
<td>22<input type="hidden" value="4002"/></td>
<td>女<input type="hidden" value="4003"/></td>
</tr>
<tr align="center">
<td>5<inp