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 相关文章推荐
js几个不错的函数 $$()
Oct 09 Javascript
javascript 页面划词搜索JS
Sep 28 Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
小米公司JavaScript面试题
Dec 29 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
Websocket协议详解及简单实例代码
Dec 12 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 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/01 无线电
Zend Studio使用技巧两则
2016/04/01 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析
2020/04/14 PHP
jquery对dom的操作常用方法整理
2013/06/25 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
js实现数字滚动特效
2019/12/16 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
python动态参数用法实例分析
2015/05/25 Python
Python使用turtule画五角星的方法
2015/07/09 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
pycharm中使用anaconda部署python环境的方法步骤
2018/12/19 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
Django如何实现上传图片功能
2019/08/16 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
2020/11/28 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
《伯牙绝弦》教学反思
2014/03/02 职场文书
购房协议书范本
2014/04/11 职场文书
电子信息工程自荐信
2014/05/26 职场文书
辞职书格式样本
2015/02/26 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
Python 发送SMTP邮件的简单教程
2021/06/24 Python
golang生成vcf通讯录格式文件详情
2022/03/25 Golang