选择类的标签可略分为单选标签与多选标签，依外型的不同可以分为单选钮（Radio）、核取方块（CheckBox）、列示方块（ListBox）与选单（Menu），以下分别先作简单的说明。

<h:selectBooleanCheckbox>

　　在视图上呈现一个核取方块，例如：

我同意 <h:selectBooleanCheckbox value="#\{user.aggree\}"/>

　　value所绑定的属性必须接受与传回boolean型态。这个元件在网页上呈现的外观如下：

<h:selectOneRadio>、<h:selectOneListbox>、<h: selectOneMenu>

　　这三个标签的作用，是让使用者从其所提供的选项中选择一个项目，所不同的就是其外观上的差别，例如：

<h:selectOneRadio value="#{user.education}">

   <f:selectItem itemLabel="高中" itemValue="高中"/>

   <f:selectItem itemLabel="大学" itemValue="大学"/>

   <f:selectItem itemLabel="研究所以上" itemValue="研究所以上"/>

 </h:selectOneRadio><p>

　　value所绑定的属性可以接受字串以外的型态或是自订型态，但记得如果是必须转换的型态或自订型态，必须搭配 标准转换器 或 自订转换器 来转换为物件，<h:selectOneRadio>的外观如下：

　　您也可以设定layout属性，可设定的属性是lineDirection、pageDirection，预设是lineDirection，也就是由左到右来排列选项，如果设定为pageDirection，则是由上至下排列选项，例如设定为：

<h:selectOneRadio layout="pageDirection" 

                   value="#{user.education}">

   <f:selectItem itemLabel="高中" itemValue="高中"/>

   <f:selectItem itemLabel="大学" itemValue="大学"/>

   <f:selectItem itemLabel="研究所以上" itemValue="研究所以上"/>

 </h:selectOneRadio><p>

　　则外观如下：

　　<h:selectOneListbox>、<h:selectOneMenu>的设定方法类似于<h: selectOneRadio>，以下分别列出<h:selectOneListbox>、<h: selectOneMenu>的外观：

　<h:selectManyCheckbox>、<h:selectManyListbox>、<h: selectManyMenu>

　　这三个标签提供使用者复选项目的功能，一个<h:selectManyCheckbox>例子如下：

<h:selectManyCheckbox layout="pageDirection" 

                       value="#{user.preferColors}">

     <f:selectItem itemLabel="红" itemValue="false"/>

     <f:selectItem itemLabel="黄" itemValue="false"/>

     <f:selectItem itemLabel="蓝" itemValue="false"/>

 </h:selectManyCheckbox><p>

　　value所绑定的属性必须是阵列或集合（Collection）物件，在这个例子中所使用的是boolean阵列，例如：

UserBean.java

package onlyfun.caterpillar;

 public class UserBean {

    private boolean[] preferColors;

    public boolean[] getPreferColors() {

        return preferColors;

    }

    public void setPreferColors(boolean[] preferColors) {

        this.preferColors = preferColors;

    }

    ......

 }

　　如果是其它型态的物件，必要时必须搭配转换器（Converter）进行字串与物件之间的转换。

　　下图是<h:selectManyCheckbox>的外观，这是将layout设定为pageDirection的外观：

　　<h:selectManyListbox>的设定方法类似，其外观如下：

　　<h:selectManyMenu>在不同的浏览器中会有不同的外观，在Mozilla Firefox中是这样的：

　　在Internet Explorer则是这样的：

选择类标签可以搭配<f:selectItem>或<f:selectItems>标签来设定选项，例如：

<f:selectItem itemLabel="高中"

               itemValue="高中"

               itemDescription="学历"

               itemDisabled="true"/>

　　itemLabel属性设定显示在网页上的文字，itemValue设定发送至伺服端时的值，itemDescription 设定文字描述，它只作用于一些工具程式，对HTML没有什么影响，itemDisabled设定是否选项是否作用，这些属性也都可以使用JSF Expression Language来绑定至一个值。

　　<f:selectItem>也可以使用value来绑定一个传回javax.faces.model.SelectItem的方法，例如：

<f:selectItem value="#{user.sex}"/>

　　则绑定的Bean上必须提供下面这个方法：

....

     public SelectItem getSex()  {

        return new SelectItem("男");

     }

 ....

　　如果要一次提供多个选项，则可以使用<f:selectItems>，它的value绑定至一个提供传回SelectItem?的阵列、集合，或者是Map物件的方法，例如：

<h:selectOneRadio value="#{user.education}">

     <f:selectItems value=