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 相关文章推荐
如何判断图片地址是否失效
Feb 02 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
使用Ajax生成的Excel文件并下载的实例
Nov 21 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
10个在JavaScript开发中常遇到的BUG
Dec 18 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 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
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
php实现映射操作实例详解
2019/10/02 PHP
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
子页向父页传值示例
2013/11/27 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
常用jQuery代码分享
2015/07/14 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
jQuery Validate 数组 全部验证问题
2017/01/12 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
Python最长公共子串算法实例
2015/03/07 Python
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
Python中字符串的格式化方法小结
2016/05/03 Python
set在python里的含义和用法
2019/06/24 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
python制作微博图片爬取工具
2021/01/16 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
微软巴西官方网站:Microsoft Brasil
2019/09/26 全球购物
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
大二学生学年自我鉴定
2014/09/12 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
如何书写民事调解协议书?
2019/06/25 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
vue的项目如何打包上线
2022/04/13 Vue.js