手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery获取tr中控件值并操作tr实现思路
jquery获取tr中控件值并操作tr实现思路
摘要:复制代码代码如下:Material/SpecialToolRental/ToolCantainer/Transportation/Mobil...

复制代码 代码如下:

<table 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"><a href="javascript:void(0)">选择</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" 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();

}

【jquery获取tr中控件值并操作tr实现思路】相关文章:

JQuery中Text方法用法实例分析

JavaScript中操作字符串小结

jQuery插件zepto.js简单实现tab切换

jquery使用each方法遍历json格式数据实例

javascript搜索框效果实现方法

JQuery自动触发事件的方法

jquery简单实现外部链接用新窗口打开的方法

jQuery实现给页面换肤的方法

Jquery zTree 树控件异步加载操作

JavaScript检测字符串中是否含有html标签实现方法

精品推荐
分类导航