XForms/开放式选择

动机

您希望有一个控件，它可以在下拉列表中建议一组值，但同时允许用户输入自己的值。

方法

只需将属性 selection="open" 添加到您的 select1 控件即可

<xf:select1 ref="my-data" selection="open">

屏幕图像

请注意，虽然列出了可能的国家/地区列表，但用户可以输入此列表中没有的任何国家/地区。

XForms 应用程序

加载 XForms 应用程序

以下示例允许您选择国家/地区代码或输入您自己的国家/地区代码

<html
   xmlns="http://www.w3.org/1999/xhtml"
   xmlns:xf="http://www.w3.org/2002/xforms">
   <head>
      <title>XForms Select1 Control Using Open Selection</title>
      <style type="text/css"><![CDATA[body {font-family: Helvetica, sans-serif;}]]></style>
        <xf:model>
            <xf:instance xmlns="">
                <data>
                    <CountryCode/>
                </data>
            </xf:instance>
        </xf:model>
   </head>
   <body>
      <p>XForms Select1 control using selection="open"</p>
      <xf:select1 ref="CountryCode" selection="open">
            <xf:label>Country:</xf:label>
            <xf:item>
                <xf:label>USA</xf:label>
                <xf:value>usa</xf:value>
            </xf:item>
            <xf:item>
                <xf:label>Canada</xf:label>
                <xf:value>can</xf:value>
            </xf:item>
            <xf:item>
                <xf:label>Japan</xf:label>
                <xf:value>jpn</xf:value>
            </xf:item>
            <xf:item>
                <xf:label>Mexico</xf:label>
                <xf:value>mex</xf:value>
            </xf:item>
            <xf:item>
                <xf:label>Other</xf:label>
                <xf:value>other</xf:value>
            </xf:item>
       </xf:select1>
       <br/>
       Output: <xf:output ref="CountryCode"/>
   </body>
</html>

讨论

您通常希望向用户建议值以确保数据输入的一致性。问题是，有时一个小项目列表会有例外，而开放式选择控件允许输入这些例外情况。

使用此控件的一个挑战是让用户知道他们可以输入例外情况。您可能需要在表单上添加说明性文字，例如“如果此列表中没有此值，请在此字段中键入”。

下一页：选择 | 上一页： Select1 下拉列表
首页： XForms