将焦点设置在不同的文本框上，因为网页上可以看到不同的div

Question

I've a page where on page load event I've set focus on a textbox using javascript. But after button press I've to set focus on different text box of different asp:Panel. Is this possible using javascript? Currently I am doing this via code behind page.

<script type="text/javascript">        
        $(function () {
            document.getElementById('<%=txtPassengerId.ClientID%>').focus();
        });
    </script>
<asp:Panel ID = "firstPanel" >
<asp:TextBox ID="txtPassengerId" runat="server"/>
<asp:Button ID="btn_search" runat="server" Text="Search" OnClick="btn_search_Click" />
</asp:Panel>

<asp:Panel ID = "secondPanel" >
<asp:TextBox ID="txtDestination" runat="server"/>
</asp:Panel>

After the button pressed secondPanel is visible and I need to focus on txtDestination text box. Is this possible using javascript?

Answer 1

Yes, you have to use the selector you've used "document.getElementById" and use the .focus() function.

document.getElementById("secondpanel").style.visibility = "visible";
document.getElementById("txtDestination").focus();

should do it. if you need more just comment.