GridView中获取被点击行中的DropDownList和TextBox中的值
更新时间：2013年07月18日 17:49:09 作者：
本文为大家介绍下如何通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值，具体实现嗲吗如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
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>
复制代码 代码如下:
<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>
相关文章
在第一讲中，已经对JQuery做了入门级的介绍，我相信看过的网友都应该知道怎么开始写一个简单的JQuery程序了。首先是需要引入一个JQuery包，其次是根据JQuery的语法写代码就可以了。2010-07-07
jQuery 1.4 最近刚刚发布. 这个版本可不是一个简单的改进,它不仅包含了很多新的特性，还改进了很多功能, 更在性能优化方面下了很大功夫, 本文将对这些新的特性和增强的部分进行讨论,希望能对你有所帮助.2010-01-01
读jQuery之六 缓存数据功能介绍，学习jquery的朋友可以参考下。2011-06-06
选择用户是一个比较常用的功能，主要包含2个功能点（保存已选选项、显示已选用户）2014-07-07
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
这篇文章主要介绍了基于jQuery+Cookie实现的防止刷新的在线考试倒计时的方法和示例，有需要的小伙伴可以参考下2015-06-06
这篇文章主要介绍了jquery form表单序列化为对象具体实现,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了基于jquery实现瀑布流布局的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了在jQuery中处理XML数据的大致方法,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下2015-08-08
事件追加：点击green元素会依次执行green click1、green click2两个事件（同一元素的同类型事件），感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了Jquery如何动态添加及删除页面节点元素，示例代码如下，需要的朋友不要错过2014-06-06
最新评论