Spry User Guide - Support - Adobe

--Please select an item--
Item 1
Item 2
Invalid Item
Item 3
Empty Item
7 To add a container around the select list, insert span tags around the select tags, and assign a unique ID to the
widget, as follows:
--Please select an item--
Item 1
Item 2
Invalid Item
Item 3
Empty Item
8 To initialize the Spry validation select object, insert the following script block after the HTML code for the
widget:
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
SPRY
User Guide
The new JavaScript operator initializes the Select widget object, and transforms the span tag content with the ID of
spryselect1 from static HTML code into an interactive select object. The Spry.Widget.ValidationSelect
method is a constructor in the Spry framework that creates select objects. The information necessary to initialize the
object is contained in the SpryValidationSelect.js JavaScript library that you linked to at the beginning of this
procedure.
Make sure that the ID of the select list’s container span tag matches the ID parameter you specified in the
Spry.Widgets.ValidationSelect method. Make sure that the JavaScript call comes after the HTML code for the widget.
9 Save the page.
The complete code looks as follows:
79