Response title
This is preview!
Move this topic
Accessing Jquery Tab content
in Using jQuery UI
•
12 years ago
I have implemented a jquery tab. I am displaying a form with some fields in the tab. I want to acess those fields through javascript.
Please help. I am new to jquery.
Thanks
ketan
1
Replies(4)
Re: Accessing Jquery Tab content
12 years ago
Assuming you have assigned to each element a unique ID (eg <input id="firstName" ...>), then it becomes simply a matter of writing $("#firstName") and you've got it.
Leave a comment on ollie2893's reply
Re: Accessing Jquery Tab content
12 years ago
I have 3 tabs on the form. Each tab containing different text fields. I want to access all input fields of the active tab only.
Leave a comment on ketanborde's reply
Re: Accessing Jquery Tab content
12 years ago
The active tab is switched onShow. That event receives the "event" and "ui" object. Inside the "ui" object, there's a property called "panel" (from memory). That is the DOM object for the ui-tabs-content of your panel. If you want to find fields within that panel, you can simply write $("#field",ui.panel).
However, this begs a question I only touched on yesterday in another post here: remember that a tab IS NOT a namespace; you cannot have a "#field" in Tab #1 and "#field" in Tab #2. If you are going about searching for stuff inside your tabs (why?), then you will need to name your fields like "#tab1-field", "#tab2-field", ... Using such a naming convention, what you then are really looking for is ui.index (and not ui.panel) so that you can manufacture the active prefix.
Leave a comment on ollie2893's reply
Re: Accessing Jquery Tab content
12 years ago
As I said, I have 3 tabs on the form. Each tab contain different text fields. I want to access input fields of the active tab on the button click which is outside the tab.
The solution, I found is (I think, its same as you suggested)
var contentPanel = $("#tabs").find(".ui-tabs-panel:visible");
var ArrInputObj = contentPanel.find('input');
alert(ArrInputObj .length);
var ArrInputObj = contentPanel.find('input');
alert(ArrInputObj .length);
Thanks for helping me in finding solution.
Leave a comment on ketanborde's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to ketanborde's problem
Statistics
- 4 Replies
- 3406 Views
- 0 Followers