[jQuery] [JQuery][Struts 2] Link 3 select tags with JQuery

[jQuery] [JQuery][Struts 2] Link 3 select tags with JQuery


Hi,
I'm totally new with Struts 2 & JQuery.
I have 3 <s:select> populated via 3 linked hierarchic tables : GROUP
(id_group, group) > CATEGORY (id_category, id_group, category) > SKILL
(id_skill, id_category, skill)
<s:select     name="group"
        id="group"
        headerKey="0"
        headerValue="-- Select --"
        list="listGroups"
        listKey="idGroup"
        listValue="groupName">
</s:select>
<s:select     name="category"
        id="category"
        headerKey="0"
        headerValue="-- Select --"
        list="listCategories"
        listKey="idCategory"
        listValue="categoryName">
</s:select>
<s:select     name="skill"
        id="skill"
        headerKey="0"
        headerValue="-- Select --"
        list="listSkills"
        listKey="idSkill"
        listValue="skillName">
</s:select>
My java class contains methods :
listSkill(), listCategory(), listGroup() and associated Getter and
Setter.
When I select a Group, I would like the <select> that display
categories only contains categories of the selected Group.
Same thing for Category and Skills.
And that via JQuery/Ajax calls.
I took a look to this exemple (http://struts2-jquery.appspot.com/
home.action#), but I didn't manage to adapt it.
Thanks for the help :)