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 匿名函数的理解(透彻版)
Jan 28 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
浅谈JQ中mouseover和mouseenter的区别
Sep 13 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 Javascript
js实现自动锁屏功能
Jun 02 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
实例讲解PHP表单
2020/06/10 PHP
js function定义函数使用心得
2010/04/15 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
谈谈impress.js初步理解
2015/09/09 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
使用python实现rsa算法代码
2016/02/17 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
Django的CVB实例详解
2020/02/10 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
python中rb含义理解
2020/06/18 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
浅谈python锁与死锁问题
2020/08/14 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
表扬信格式
2014/01/12 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
中班教师个人总结
2015/02/05 职场文书
生活小常识广播稿
2015/08/19 职场文书
初中体育课教学反思
2016/02/16 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript