GridView中獲取被點擊行中的DropDownList和TextBox中的值
更新時間：2013年07月18日 17:49:09 作者：
本文為大家介紹下如何通過點擊GridView中的a標簽獲取被點擊行中的下拉框和文本框中的值，具體實現(xiàn)嗲嗎如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
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>
相關文章
ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）
這篇文章主要介紹了ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）的相關資料,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery通用的全局遍歷方法$.each()用法,結(jié)合實例形式分析了$.each()方法實現(xiàn)遍歷功能的相關技巧,需要的朋友可以參考下2016-07-07
表頭固定應該是一個用得比較多的功能，參考了網(wǎng)上幾個例子，在幾個常用瀏覽器下顯示不是很完美2012-11-11
jQuery實現(xiàn)企業(yè)網(wǎng)站橫幅焦點圖切換功能實例
這篇文章主要介紹了jQuery實現(xiàn)企業(yè)網(wǎng)站橫幅焦點圖切換功能,實例分析了jQuery企業(yè)網(wǎng)站焦點圖的詳細實現(xiàn)方法,非常簡單實用,需要的朋友可以參考下2015-04-04
checkbox想必大家對這個控件并不陌生吧，畢竟在網(wǎng)頁制作過程中經(jīng)常會使用到，下面與大家分享個示例主要介紹checkbox的使用，感興趣的朋友可以參考下2013-08-08
jQuery中delegate和on的用法與區(qū)別詳細解析
本篇文章主要是對jQuery中delegate和on的用法與區(qū)別進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
本篇文章主要是對Cookie中的Path與domain進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JQuery表格拖動調(diào)整列寬效果(自己動手寫的)
當鼠標停留在表頭邊框線上時，鼠標會變成表示左右拖動的形狀，接著拖動鼠標，會在表格中出現(xiàn)一條隨鼠標移動的豎線，最后放開鼠標，表格列寬會被調(diào)整2014-09-09
jQuery+css實現(xiàn)的藍色水平二級導航菜單效果代碼
這篇文章主要介紹了jQuery+css實現(xiàn)的藍色水平二級導航菜單效果代碼,通過簡單的jQuery操作鼠標事件實現(xiàn)頁面元素樣式的切換功能,非常美觀大方,需要的朋友可以參考下2015-09-09
使用jquery+iframe做一個ajax上傳效果(實例)
下面小編就為大家?guī)硪黄褂胘query+iframe做一個ajax上傳效果(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08