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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
JSON字符串转换JSONObject和JSONArray的方法
Jun 03 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
详解JS中的attribute属性
Apr 25 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
如何在项目中使用log4.js的方法步骤
Jul 16 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 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基于pdo的数据库操作类【可支持mysql、sqlserver及oracle】
2018/05/21 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
javascript 动态生成私有变量访问器
2009/12/06 Javascript
js 格式化时间日期函数小结
2010/03/20 Javascript
潜说js对象和数组
2011/05/25 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
jquery图片切换插件
2015/03/16 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
bootstrap table使用入门基本用法
2017/05/24 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
vue中的scope使用详解
2017/10/29 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现的检测网站挂马程序
2014/11/30 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2018/03/15 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
高一新生军训感言
2014/03/02 职场文书
毕业生找工作求职信
2014/08/05 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
银行稽核岗位职责
2015/04/13 职场文书
岁月神偷观后感
2015/06/11 职场文书
Mysql文件存储图文详解
2021/06/01 MySQL
python中24小时制转换为12小时制的方法
2021/06/18 Python