XForms/Select1 下拉列表
< XForms
您希望允许用户从列表中选择单个值。
以下是如何使用 select1 创建下拉列表的示例。用户必须从所选列表中选择一个且仅一个值。
请注意，每个项目都有一个标签（供人类阅读）和一个值（通常放置在 XML 文档中）。值通常存储在数据库中，并用于将项目相互比较。由于值在 REST 接口中的 URL 中经常作为参数传递，因此约定是只使用小写字母和连字符。如果您使用 REST 接口，请不要在值中使用空格、斜杠和其他字符。这会使 URL 难以阅读。
请注意，当表单最初加载时，输入或输出中不会显示任何一周中的某一天。在您按下下拉列表（输入控件右侧的后三角形）并选择一周中的某一天后，该值将被填充。标签（以大写字母开头的名称）将显示在 select1 控件中。模型中的实际版本将是值，它是小写版本。这也是输出中显示的版本。
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<title>Demonstration of XForms Select1</title>
<style type="text/css"><![CDATA[body {font-family: Helvetica, sans-serif;}]]></style>
<xf:model>
<xf:instance xmlns="">
<data>
<DayOfWeekCode/>
</data>
</xf:instance>
</xf:model>
</head>
<body>
<xf:select1 ref="DayOfWeekCode">
<xf:label>Day of Week:</xf:label>
<xf:item>
<xf:label>Monday</xf:label>
<xf:value>monday</xf:value>
</xf:item>
<xf:item>
<xf:label>Tuesday</xf:label>
<xf:value>tuesday</xf:value>
</xf:item>
<xf:item>
<xf:label>Wednesday</xf:label>
<xf:value>wednesday</xf:value>
</xf:item>
<xf:item>
<xf:label>Thursday</xf:label>
<xf:value>thursday</xf:value>
</xf:item>
<xf:item>
<xf:label>Friday</xf:label>
<xf:value>friday</xf:value>
</xf:item>
<xf:item>
<xf:label>Saturday</xf:label>
<xf:value>saturday</xf:value>
</xf:item>
<xf:item>
<xf:label>Sunday</xf:label>
<xf:value>sunday</xf:value>
</xf:item>
</xf:select1>
<br/>
Output: <xf:output ref="DayOfWeekCode"/>
</body>
</html>
值的列表不必位于表单的主体中。它可以存储在实例中的模型中，也可以根据需要从 Web 服务中获取。我们将在其他示例中介绍这些内容。