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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 Javascript
详解React-Todos入门例子
Nov 08 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
微信小程序实现简单的select下拉框
Nov 23 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截取指定图片大小的方法
2014/12/10 PHP
PHP常用技巧汇总
2016/03/04 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python遍历numpy数组的实例
2018/04/04 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
python requests证书问题解决
2019/09/05 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
如何基于python实现脚本加密
2019/12/28 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
AC Lens:购买隐形眼镜
2017/02/26 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
考察现实表现材料
2014/05/19 职场文书
微电影大赛策划方案
2014/06/05 职场文书
毕业生个人自荐书
2015/03/05 职场文书
大学感恩节活动总结
2015/05/05 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
导游词之山海关
2019/12/10 职场文书
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python