Skip to content Skip to sidebar Skip to footer

Asp + Jquery Focus Next Textbox From Gridview

I have a gridview with a table. Inside this table we have a few labels and textboxes. I am currently trying to switch from textbox to the next one when the user presses enter. For

Solution 1:

This should work. Basically you have to find the next <td> first and then the TextBox within it.

<scripttype="text/javascript">
    $('.mGrid input[type=text]').keypress(function (e) {
        if (e.keyCode == 13) {
            //eerst de td vinden ipv $(this).next anders werkt het niet
            $(this).closest('td').next('td').find('input[type=text]').focus();
        } else {
            return;
        }
    });
</script>

Tested with this GridView

<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="false"CssClass="mGrid"><Columns><asp:TemplateField><ItemTemplate><asp:TextBoxID="TextBox1"runat="server"></asp:TextBox></ItemTemplate></asp:TemplateField><asp:TemplateField><ItemTemplate><asp:TextBoxID="TextBox2"runat="server"></asp:TextBox></ItemTemplate></asp:TemplateField><asp:TemplateField><ItemTemplate><asp:TextBoxID="TextBox3"runat="server"></asp:TextBox></ItemTemplate></asp:TemplateField></Columns></asp:GridView>

Post a Comment for "Asp + Jquery Focus Next Textbox From Gridview"