Ajax implementation

Hi guys,
Have this JSF page (index.xhtml) :

the bean file :

package beans;

import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.util.*;

@ManagedBean(name="tester")
@SessionScoped
public class TestBean implements Serializable {

private static final long serialVersionUID = 1L;
	private String selected;
	private List<String> women;
	private List<String> men;
	private List<String> list;

public TestBean(){
		women = new ArrayList<String>();
		men = new ArrayList<String>();
		list = new ArrayList<String>();
		women.add("Britney");
		women.add("Marie");
		women.add("Laura");
		women.add("Sarah");
		women.add("Jane");
		men.add("John");
		men.add("Mark");
		men.add("Philip");
		men.add("Red");
		men.add("Justin");
    }

public String getSelected() {
		return selected;
	}

public void setSelected(String selected) {
		this.selected = selected;
	}
	
	public List<String> getList() {
		return list;
	}

public void setList(List<String> list) {
		this.list = list;
	}

public String select(){
		if(selected.equals("m"))
			list = men;
		else
			list = women;
		return "ok";
	}
}

and the faces-config.xml file :

After I'm selecting the category of the oneMenu component and hitting the button, in the listBox are displayed the respective content. How can I do that with Ajax, using <f:ajax> tag, and if it's possible without either hitting that button, just selecting category. Any help will be appreciated. Thanks in advance.

Hi there

Try this modified code below.
You can remove the navigation rule from your faces-config.xml, unless you still require the commandButton redirect.
The key is the Ajax tag and some changes to the bean ...

New index.xhtml :

The new Test.bean :

package faces;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean(name = "tester")
@RequestScoped
public class TestBean implements Serializable {

private static final long serialVersionUID = 1L;
    private String selected;
    private List<String> women;
    private List<String> men;
    private List<String> list;

public TestBean() {
        women = new ArrayList<String>();
        men = new ArrayList<String>();
        list = new ArrayList<String>();
        women.add("Britney");
        women.add("Marie");
        women.add("Laura");
        women.add("Sarah");
        women.add("Jane");
        men.add("John");
        men.add("Mark");
        men.add("Philip");
        men.add("Red");
        men.add("Justin");
    }

public String getSelected() {
        return selected;
    }

public void setSelected(String selected) {
        if (selected == null) {
            selected = "";
        }
        this.selected = selected;
    }

public List<String> getList() {
        return list;
    }

public void setList(List<String> list) {
        this.list = list;
    }

public void select() {
        if (selected.equalsIgnoreCase("m")) {
            list = men;
        } else if (selected.equalsIgnoreCase("w")) {
            list = women;
        } else {
            list = new ArrayList<String>();
        }
    }
}

Hope this helps

Tested on NetBeans, GlassFish 3.1, Chrome, FireFox