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 SHA-1:Secure Hash Algorithm
Dec 20 Javascript
javascript中的对象和数组的应用技巧
Jan 07 Javascript
一个可绑定数据源的jQuery数据表格插件
Jul 17 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
使用Js让Html中特殊字符不被转义
Nov 05 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
5 种JavaScript编码规范
Jan 30 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
Aug 26 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中上传大体积文件时需要的设置
2006/10/09 PHP
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php加密解密实用类分享
2014/01/07 PHP
php fread读取文件注意事项
2016/09/24 PHP
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
Vue-Router的使用方法
2018/09/05 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
Django框架模板介绍
2019/01/15 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Python wordcloud库安装方法总结
2020/12/31 Python
python 批量将中文名转换为拼音
2021/02/07 Python
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
中学家长会邀请函
2014/01/17 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
毕业感言怎么写
2015/07/31 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python