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函数代码
Apr 17 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
PHP中Http协议post请求参数
2015/11/02 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
laravel Validator ajax返回错误信息的方法
2019/09/29 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
理解javascript闭包
2015/12/15 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
Python重新引入被覆盖的自带function
2014/07/16 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
python构建基础的爬虫教学
2018/12/23 Python
Django框架模板的使用方法示例
2019/05/25 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
CK美国官网:Calvin Klein
2016/08/26 全球购物
思想品德自我评价
2014/02/04 职场文书
运动会邀请函范文
2014/02/06 职场文书
迎元旦广播稿
2014/02/22 职场文书
银行先进个人事迹材料
2014/05/11 职场文书
代办委托书怎么写
2014/08/01 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
2014年度培训工作总结
2014/11/27 职场文书
高三复习计划
2015/01/19 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书