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 相关文章推荐
IE 缓存策略的BUG的解决方法
Jul 21 Javascript
利用JS重写Cognos右键菜单的实现代码
Apr 11 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
May 03 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
Jun 14 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
基于vue.js的分页插件详解
Nov 27 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
PHP实现时间轴函数代码
2011/10/08 PHP
正确的PHP匹配UTF-8中文的正则表达式
2015/05/13 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
javascript实现添加附件功能的方法
2015/11/18 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
pytorch AvgPool2d函数使用详解
2020/01/03 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
伦敦一卡通:The London Pass
2018/11/30 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
应届大学生求职信
2013/12/01 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
倡议书的写法
2014/08/30 职场文书
教师个人教学总结
2015/02/11 职场文书
用 Python 定义 Schema 并生成 Parquet 文件详情
2021/09/25 Python