选择h:selectOneMenu时显示/隐藏h:inputText

Question

我使用的是JSF1.1和Ajax4jsf。我想在更改名为“<h:inputText>”的<h:selectOneMenu>元素的值时显示/隐藏颜色。

例如，如果我在<h:selectOneMenu>中选择“红色”值，则在<h:selectOneMenu>中显示所选颜色强度的<h:inputText> (高、中、低)。

我不确定是使用Ajax4jsf还是普通的JavaScript。我更喜欢使用Ajax4jsf，但它太基础了。

Answer 1

看看吧。此标记使您能够处理各种客户端事件，包括onchange事件。

考虑一个例子(取自上面的链接)：

<h:form id="planetsForm">
  <h:outputLabel value="Select the planet:" for="planets" />

  <h:selectOneMenu id="planets" value="#{planetsMoons.currentPlanet}" valueChangeListener="#{planetsMoons.planetChanged}">
      <f:selectItems value="#{planetsMoons.planetsList}" />
      <a4j:support event="onchange" reRender="moons" />
  </h:selectOneMenu>

  <h:dataTable id="moons" value="#{planetsMoons.moonsList}" var="item">
     <h:column>
        <h:outputText value="#{item}"/>
     </h:column>
  </h:dataTable> 
</h:form>