Jquer GridView内嵌 DropDownList 和 TextBox 取值

来源:互联网 发布:python编程是什么意思 编辑:程序博客网 时间:2024/05/16 05:41
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>


原创粉丝点击