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 相关文章推荐
jquery下组织javascript代码(js函数化)
Aug 25 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 Javascript
微信小程序动态添加和删除组件的现实
Feb 28 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 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
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
js 操作符实例代码
2009/10/24 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
js倒计时显示实例
2016/12/11 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Python 模板引擎的注入问题分析
2017/01/01 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
网络维护管理员的自我评价分享
2013/11/11 职场文书
驾驶员岗位职责
2014/01/29 职场文书
2014年手术室工作总结
2014/11/26 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
硕士学位论文评语
2014/12/31 职场文书
介绍信模板
2015/01/31 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
python APScheduler执行定时任务介绍
2022/04/19 Python