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 相关文章推荐
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
jquery.post用法示例代码
Jan 03 Javascript
JavaScript面向对象编程入门教程
Apr 16 Javascript
javascript显示中文日期的方法
Jun 18 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
Aug 06 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
canvas绘制爱心的几种方法总结(推荐)
Oct 31 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
JavaScript实现串行请求的示例代码
Sep 14 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
天津市收音机工业发展史
2021/03/04 无线电
PHP与SQL注入攻击[一]
2007/04/17 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
php操作mysqli(示例代码)
2013/10/28 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
PHP+jQuery翻板抽奖功能实现
2015/10/19 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
JavaScript 学习笔记(十一)
2010/01/19 Javascript
js getElementsByTagName的简写方式
2010/06/27 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python列表append和+的区别浅析
2015/02/02 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
类、抽象类、接口的差异
2016/06/13 面试题
商务英语专业应届毕业生求职信
2013/10/28 职场文书
2014年施工员工作总结
2014/11/18 职场文书
2015年征兵工作总结
2015/07/23 职场文书
心得体会格式及范文
2016/01/25 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
python 进阶学习之python装饰器小结
2021/09/04 Python
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android