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 服務中獲取。我們將在其他示例中介紹這些內容。