GridView中获取被点击行中的DropDownList和TextBox中的值


Posted in Javascript onJuly 18, 2013

aspx页面代码:通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值

<asp:GridView ID="GridView1" runat="server"> 
<Columns> 
<asp:BoundField HeaderText="ID" DataField="ID" /> 
<asp:BoundField HeaderText="Name" DataField="ID" /> 
<asp:BoundField HeaderText="Url" DataField="ID" /> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:DropDownList ID="DropDownList1" runat="server"> 
<asp:ListItem Value="0">保密</asp:ListItem> 
<asp:ListItem Value="1">男</asp:ListItem> 
<asp:ListItem Value="2">女</asp:ListItem> 
</asp:DropDownList> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField> 
<ItemTemplate> 
<a href="#" onclick="Save(this);">Save</a> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView>

jquery代码:
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
function Save(obj) { 
var tr = $(obj).parent().parent(); //获取点击行的 tr 
tr.find("td").eq(3).find("select").val(); //获取点击行中的第四列 DropDownList1 的选择Value 
tr.find("td").eq(3).find("select").text(); //获取点击行中的第四列 DropDownList1 的选择Text 
tr.find("td").eq(4).find("input").val(); //获取点击行中的第四列 TextBox Text 
} 
</script>
Javascript 相关文章推荐
javascript 面向对象编程 function也是类
Sep 17 Javascript
根据一段代码浅谈Javascript闭包
Dec 14 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 Javascript
javascript判断非数字的简单例子
Jul 18 #Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 #Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 #Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 #Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 #Javascript
GRID拖拽行的实例代码
Jul 18 #Javascript
去掉gridPanel表头全选框的小例子
Jul 18 #Javascript
You might like
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
2018/01/23 Javascript
koa源码中promise的解读
2018/11/13 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
详解Django通用视图中的函数包装
2015/07/21 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
python 输出上个月的月末日期实例
2018/04/11 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
Python利用命名空间解析XML文档
2020/08/10 Python
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
2013/01/09 HTML / CSS
贝玲妃美国官方网站:Benefit美国
2016/08/28 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
音乐专业自荐信
2014/02/07 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
公司开业庆典主持词
2014/03/21 职场文书
小学生家长意见
2015/06/03 职场文书
合作协议书格式范本
2016/03/21 职场文书
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技