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常用的正则表达式实例
May 15 Javascript
jquery操作select方法汇总
Feb 05 Javascript
angularJS 中input示例分享
Feb 09 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
80%应聘者都不及格的JS面试题
Mar 21 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
JS实现的新闻列表自动滚动效果示例
Jan 30 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
vue cli4.0项目引入typescript的方法
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
基于mysql的论坛(7)
2006/10/09 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
php查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
JS访问SWF的函数用法实例
2015/07/01 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
详解如何webpack使用DllPlugin
2018/09/30 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
python采集微信公众号文章
2018/12/20 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
python 操作hive pyhs2方式
2019/12/21 Python
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
Exception类的常用方法
2012/06/16 面试题
建筑系毕业生自我鉴定
2014/01/24 职场文书
门诊手术室工作制度
2014/01/30 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
学习优秀党员杨宗兴先进事迹材料思想汇报
2014/09/14 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书