电脑故障

位置:IT落伍者 >> 电脑故障 >> 浏览文章

GridView中获取被点击行中的DropDownList和TextBox中的值


发布日期:2021/1/3
 
本文为大家介绍下如何通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值具体实现嗲吗如下感兴趣的朋友可以参考下哈希望对大家有所帮助

aspx页面代码通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值

复制代码 代码如下:
<asp:GridView ID="GridView" 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="DropDownList" runat="server">
<asp:ListItem Value="">保密</asp:ListItem>
<asp:ListItem Value="">男</asp:ListItem>
<asp:ListItem Value="">女</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/jqueryjs" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function Save(obj) {
var tr = $(obj)parent()parent(); //获取点击行的 tr
trfind("td")eq()find("select")val(); //获取点击行中的第四列 DropDownList 的选择Value
trfind("td")eq()find("select")text(); //获取点击行中的第四列 DropDownList 的选择Text
trfind("td")eq()find("input")val(); //获取点击行中的第四列 TextBox Text
}
</script>

上一篇:使用闭包对setTimeout进行简单封装避免出错

下一篇:图片加载进度实时显示