日期:2014-05-17  浏览次数:20633 次

进, 都给分!
一个可编辑表格,在修改数据时获取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