How to select jquery UI tab in asp.net mvc ?

Question

I have one question regarding using JQuery UI tab control in the asp.net mvc view.

For example, I have three tabs, tab0, tab 1, and tab2 in one aspx page.

Tab1 lists all the products, and tab2 is a form to create a product. After I fill in all the data in tab2 and submit the form. How can I force the view to load tab2. By default, it's always have tab0 selected.

Thanks.

Answer 1

You can use some jquery to select the tab. You will have to write out this from your view and put it inside a doc ready block

$('#tabs').tabs('option', 'selected', 3);