如何将<apex:selectOptions>中选定的值放入<apex:outputField>标记？

Question

我试图将所有帐户显示为visualforce页面中的选择列表，当我从选中列表中选择任何选项时，选择列表必须折叠，并且我选择的选项必须显示在下面，而不是选择列表代码。

视力码

<apex:page controller='selectOptions_demo' >
    <apex:form>
        <div align='center' style=' color:red;font-size:20px '>
            The account you selected is {!choice}
        </div>
        <apex:pageBlock>
            <apex:pageBlockSection columns="1">
                <apex:actionFunction action="{!getaccounts}" name="getac" />
                <apex:selectList value='{!choice}' label='select an accont' onclick="getac()">
                    <apex:selectOptions value="{!opls}" />
                </apex:selectList>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

“顶点法典”：

public class selectOptions_demo
{
    public list<SelectOption> opls{get;set;}
    public string choice {get;set;}
    public void getaccounts()
    {
        opls=new list<selectOption>();
        list<account> acls=[select name from account];
        for(account ac:acls)
        {
            opls.add(new selectoption(ac.name,ac.name));
        }
    }
}

输出：

​

因此，如上图所示，当我选择一个选项时，挑选列表保持不变，请告诉我如何折叠挑选列表，并在顶点内显示所选选项:outputField或apex:inputFiled。

提前谢谢。

Answer 1

<apex:selectList size="1" value='{!choice}' label='select an accont' onclick="getac()">

将size属性指定为1