jquery获取tr中控件值并操作tr实现思路

复制代码 代码如下:

  <table style="width: 100%; height: 100%" border="1">

  <caption>

  Material/Special Tool Rental/Tool Cantainer/Transportation/Mobile</caption>

  <tbody><tr>

  <td>

  Project No

  </td>

  <td>

  <input type="hidden" name="hidProjectInnerID" id="hidProjectInnerID">

  <input name="txtProjectNo" type="text" id="txtProjectNo" class="Error"><a href="javascript:void(0)" onclick="SelectProject();">选择</a>

  </td>

  <td>

  Final Custome:

  </td>

  <td>

  <span id="labFinalCustome">Label</span>

  </td>

  <td>

  Order No.

  </td>

  <td>

  <span id="labOrderNo">Label</span>

  </td>

  <td>

  Project Leaing Time:

  </td>

  <td>

  <span id="labProjectLeaingTime">Label</span>

  </td>

  </tr>

  <tr>

  <td colspan="8">

  Exchange Rate:8.3000

  </td>

  </tr>

  <tr align="center">

  <td>

  item

  </td>

  <td colspan="2">

  Description

  </td>

  <td>

  QTY

  </td>

  <td>

  Unit

  </td>

  <td>

  Total

  </td>

  <td>

  Remark

  </td>

  <td>

  <a id="NewItem" href="javascript:void(0)">NewItem</a>

  </td>

  </tr>

  </tbody><tbody id="tbItem">

  <tr align="center">

  <td>

  </td>

  <td colspan="2">

  </td>

  <td>

  </td>

  <td>

  </td>

  <td>

  </td>

  <td>

  </td>

  <td>

  </td>

  </tr>

  <tr id="tbItem1" align="center"><td><select id="selItem" name="Item"><option value="Material">Material</option><option value="Mobile">Mobile</option><option value="Others">Others</option><option value="SpecialToolRental">Special Tool Rental</option><option value="ToolContainer">Tool Container</option><option value="Transportation">Transportation</option><option value="WorkingHours">WorkingHours</option></select></td><td colspan="2"><input id="txtDescription" style="width:90%" type="text" name="Item"></td><td><input id="txtQTY" type="text" name="Item"></td><td><input id="txtUnit" type="text" name="Item"></td><td><input id="txtTotal" type="text" name="Item"></td><td><input id="txtRemark" type="text" name="Item"></td><td><a href="javascript:;SaveItem('tbItem1')">保存</a> | <a href="javascript:;DelItem('tbItem1')">删除</a> <input id="txtInnerID" type="hidden" name="Item"></td></tr></tbody>

  </table>

  

复制代码 代码如下:

  function SaveItem(index) {

  var tr = $("tr[id=" + index + "]");

  var innerid = tr.find('input[ID$=txtInnerID]').val();

  var item = tr.find("select[id*=selItem]").val();

  var des = tr.find('input[ID$=txtDescription]').val();

  var qty = tr.find('input[ID$=txtQTY]').val();

  var unit = tr.find('input[ID$=txtUnit]').val();

  var total = tr.find('input[ID$=txtTotal]').val();

  var remark = tr.find('input[ID$=txtRemark]').val();

  //alert(innerid + "/" + item + des + qty + unit + total + remark);

  //验证项目编号

  var proinnerid = $("#hidProjectInnerID").val();

  if (proinnerid == "") {

  $("#txtProjectNo").removeClass("Field");

  $("#txtProjectNo").addClass("Error");

  return false;

  }

  /*

  jQuery.ajax({

  type: 'get',

  url: '../Handler/ProjectReport.ashx',

  data: { "key": "save", "proinnerid": $("#hidProjectInnerID").val(), "innerid": innerid, "type": type, "content": content, "startdate": startdate, "enddate": enddate, "remark": remark },

  cache: false,

  success: function (result) {

  var jsonobj = eval(result);

  if (jsonobj[0].result == "true")

  alert("Sueecss");

  else

  alert("Error");

  }

  });

  */

  }

  function DelItem(index) {

  var tr = $("tr[id=" + index + "]");

  //var innerid = tr.find('input[ID$=txtInnerID]').val();

  $("tr[id=" + index + "]").remove();

  }