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 纯数字不重复排列的另类方法
Jul 17 Javascript
javascript预览上传图片发现的问题的解决方法
Nov 25 Javascript
jquery 操作DOM案例代码分享
Apr 05 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
vue-父子组件和ref实例详解
Nov 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
php array的学习笔记
2012/05/16 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
PHP预定义变量9大超全局数组用法详解
2016/04/23 PHP
Prototype的Class.create函数解析
2011/09/22 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python发送Email方法实例
2014/08/21 Python
python提示No module named images的解决方法
2014/09/29 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
对python中UDP,socket的使用详解
2019/08/22 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
网络教育自我鉴定
2013/11/01 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
欢迎词怎么写
2015/01/23 职场文书
新郎新娘致辞
2015/07/31 职场文书
化工厂员工工作总结
2015/10/15 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP