如何在更改 select 的值时 display/hide 文本框字段

Question

我正在做一个用户可以方便地输入他的记录的项目，我想知道如何在更改 select 框值时显示或隐藏文本框这里我有一个以婚姻状况命名的 select 框婚姻状况选项为：'married' 和 'un-married'。如果用户 selects 'Married' 来自上述选项，则会出现一个文本框，用于输入配偶姓名和 his/her birthday/children 如果用户 select 'Un-Married' 来自上面的选项，那么配偶姓名文本框和 athers 应该消失。 我正在使用 oracle adf jdevolper 12c 我需要你的帮助..

Answer 1

在您的 select 框值组件上使用自动提交属性并确保它有一个 ID 属性集。
将要有条件地呈现的字段嵌入到某些封闭组件中，例如面板组。
使用 select 组件的 ID 将 partialTriggers 属性添加到 panelGroup。

这是文档中适合您的用例的（略有修改的）示例。有关详细信息，请参阅 https://docs.oracle.com/middleware/1212/adf/ADFUI/af_ppr.htm#ADFUI389。

<af:form>
  <af:selectOneChoice id="socMar" value="#{bindings.maritalStatus.inputValue}" 
                      required="true" autoSubmit='true'>
    <f:selectItems value="#{bindings.maritalStatus.items}"/>
  </af:selectOneChoice>
  <af:panelGroupLayout partialTriggers="socMar"
                       rendered="#{bindings.maritalStatus.inputValue == 'Married'}">
    <af:inputText label="Spouse" required="true" value="#{bindings.someBinding.inputValue}"/>
     ...
  </af:panelGroupLayout>
</af:form>

如何在更改 select 的值时 display/hide 文本框字段

How to display/hide textboxes fields upon changing values of select

oracle-adf

jdeveloper-11g