h/h：selectOneMenuの選択時のinputText

Question

私はJSF 1.1とAjax4jsfを使用しています。私は<h:selectOneMenu>要素の変更値に "Colors"という名前の<h:inputText>を表示/非表示したい。

たとえば、<h:selectOneMenu>で「赤」の値を選択した場合は、<h:selectOneMenu>（高、中、低）で選択した色の強度に対して<h:inputText>と表示されます。

Ajax4jsfとプレーンJavaScriptのどちらを使用するかわかりません。私はAjax4jsfを使用する方が好きですが、それはあまりにも基本的です。

Answer 1

<a4j:support/>をご覧ください。このタグは、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>