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


Posted in Javascript onMarch 27, 2013
<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(); 
}
Javascript 相关文章推荐
javascript Select标记中options操作方法集合
Oct 22 Javascript
jquery uaMatch源代码
Feb 14 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
原生js实现回复评论功能
Jan 18 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
mock.js实现模拟生成假数据功能示例
Jan 15 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
Vue发布项目实例讲解
Jul 17 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 #Javascript
JS删除数组元素的函数介绍
Mar 27 #Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 #Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 #Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 #Javascript
早该知道的7个JavaScript技巧
Mar 27 #Javascript
JavaScript中的style.display属性操作
Mar 27 #Javascript
You might like
php获取bing每日壁纸示例分享
2014/02/25 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
Python根据区号生成手机号码的方法
2015/07/08 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
详解Python中的正斜杠与反斜杠
2019/08/09 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
const和static readonly区别
2013/05/20 面试题
安全生产网格化管理实施方案
2014/03/01 职场文书
公司会计主管岗位责任制
2014/03/01 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
和谐社区口号
2014/06/19 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL