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 BoxItem OneItem TwoRead OnlyItem OneItem TwoDisabledItem OneItem TwoLargeItem OneItem TwoSmallItem OneItem 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"/>PersonAliceBobSelected PersonSubmit

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>PlanetEarthMarsJupiterMoonMoon