<?xml-stylesheet type="text/xsl" href="/xforms-tests/xsltforms/xsltforms.xsl"?>
<html xmlns:my="http://commerce.example.com/payment" xmlns:txs="http://sourceforge.net/projects/txs" xmlns="http://www.w3.org/1999/xhtml" xmlns:req="http://www.agencexml.com/requests" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <head>
    <title>8.1.10.b incremental attribute of select element</title>
    <link rel="stylesheet" href="../../../driverPages/forms/TestSuite11.css" type="text/css"/>
    <xforms:model>
    	<xforms:instance xmlns="">
    		<icecream>
    			<flavor/>
    		</icecream>
    	</xforms:instance>
    </xforms:model>
  </head>
  <body>
    <xforms:group>
    	<xforms:label class="title">8.1.10.b incremental attribute of select element</xforms:label>
    </xforms:group>
	<xforms:group>
		<xforms:label>
		  You must see an xforms-value-changed message whenever you change the selection in the Select A Flavor 
		  select control. When you make a selection a list of the first letter of the flavor(s) must be displayed in the Selected Flavor 
		  output control. Each letter is separated by a space in the list. 
		</xforms:label>
	</xforms:group>
	<xforms:group>
	<xforms:select ref="/icecream/flavor" incremental="true">
		<xforms:label>Select A Flavor:</xforms:label>
		<xforms:item>
			<xforms:label>Vanilla</xforms:label>
			<xforms:value>v</xforms:value>
		</xforms:item>
		<xforms:item>
			<xforms:label>Strawberry</xforms:label>
			<xforms:value>s</xforms:value>
		</xforms:item>
		<xforms:item>
			<xforms:label>Chocolate</xforms:label>
			<xforms:value>c</xforms:value>
		</xforms:item>
     	<xforms:action ev:event="xforms-value-changed">
      		<xforms:message level="modal">xforms-value-changed</xforms:message>
     	</xforms:action>
	</xforms:select>
	</xforms:group>
	<xforms:group>
	<xforms:output ref="/icecream/flavor">
		<xforms:label>Selected Flavor : </xforms:label>
	</xforms:output>
	</xforms:group>
  </body>
</html>
