Dropdown

Dropdown box with hardcoded items. The second item is disabled. To disable an item, use the itemDisable attribute.

<tc:selectOneChoice label="Dropdown Box"/> Dropdown Box Item One Item Two Read Only Item One Item Two Disabled Item One Item Two Large Item One Item Two Small Item One Item Two

Select a person. The label of the item is shown in the dropdown box. After submitting, the value of the item is shown in the output field. So, if 'Alice' is selected, the text in the output field is 'Alice Anderson'.

<tc:selectItem itemLabel="Alice" itemValue="Alice Anderson"/> Person Alice Bob Selected Person Submit

Salutation none Mr. Mrs. Selected Salutation Submit

Select a planet and a moon. The list of moons depends on the selected planet. The planet-dropdownbox contain a <f:ajax render="moonbox"/>. With it, the moon-dropdownbox will be rerendered, after a value changed in planet-dropdownbox.

<tc:selectOneChoice label="Planet" value="#{selectOneChoiceController.planet}"> <f:selectItems value="#{selectOneChoiceController.planets}"/> <f:ajax render="moonbox"/> </tc:selectOneChoice> <tc:selectOneChoice id="moonbox" label="Moon"> <f:selectItems value="#{selectOneChoiceController.moons}"/> </tc:selectOneChoice> Planet Earth Mars Jupiter Moon Moon