欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-29 19:23:19
x页面代码:通过点击gridview中的a标签获取被点击行中的下拉框和文本框中的值 . 代码如下:

x页面代码:通过点击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>