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 相关文章推荐
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
IE8 浏览器Cookie的处理
Jan 31 Javascript
Javascript面向对象之四 继承
Feb 08 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
了解JavaScript中let语句
May 30 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
微信小程序一周时间表功能实现
Oct 17 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 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
如何给phpadmin一个保护
2006/10/09 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
JS获取网页属性包括宽、高等等
2014/04/03 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
Python交换变量
2008/09/06 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
浅析Python中else语句块的使用技巧
2016/06/16 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
python批量修改图片大小的方法
2018/07/24 Python
python 整数越界问题详解
2019/06/27 Python
python PIL和CV对 图片的读取,显示,裁剪,保存实现方法
2019/08/07 Python
Python如何实现邮件功能
2020/05/27 Python
python opencv肤色检测的实现示例
2020/12/21 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
售后主管岗位职责
2013/12/08 职场文书
乡镇纠风工作实施方案
2014/03/22 职场文书
公司股东合作协议书
2014/09/14 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
建国大业观后感600字
2015/06/01 职场文书
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
MySQL Server 层四个日志
2022/03/31 MySQL