在 selectOneMenu 中选择一个值后渲染片段

如何解决在 selectOneMenu 中选择一个值后渲染片段

我正在尝试根据 h 中的选定值呈现片段：selectOneMenu。在这种情况下，如果值等于“1”，则片段将被渲染。但是，当我选择该选项时，没有任何反应。有人可以帮我吗？

<div>
                    <div>
                        <h:outputLabel>
                            <h:selectOneMenu id="form-contato-selector" value="#{contatoBean.contato.direcao}">
                                <f:selectItem itemValue="0" itemLabel="Selecione uma das opcões"/>
                                <f:selectItem itemValue="1" itemLabel="Arquitetura"/>
                                <f:selectItem itemValue="2" itemLabel="Comercial | Locações"/>
                                <f:selectItem itemValue="3" itemLabel="Controladoria"/>
                                <f:selectItem itemValue="4" itemLabel="Desenvolvimento"/>
                                <f:selectItem itemValue="5" itemLabel="Engenharia"/>
                                <f:selectItem itemValue="6" itemLabel="Jurídico"/>
                            </h:selectOneMenu>
                        </h:outputLabel>
                        
                    </div>
                    
                    <ui:fragment rendered="#{contatoBean.contato.direcao eq '1'}">
                        <ui:include src="/views/forms/contato-arquitetura.xhtml"/>
                    </ui:fragment>
</div>