Example 01: Opens the value of a selected option.
Example 02: Alerts the value of the selected option.
<!-- EXAMPLE 01 -->
<h3>Example 01: Opens the value of a selected option.</h3>
<form action="auto-select-demo">
<select id="example-01" size="1">
<option>Select a page …</option>
<option value="homepage">Homepage</option>
<option value="download">Download</option>
<option value="join">Donate</option>
</select>
</form>
<!-- EXAMPLE 02 -->
<h3>Example 02: Alerts the value of the selected option.</h3>
<form action="auto-select-demo">
<select id="example-02" size="1">
<option>Select a page …</option>
<option value="homepage">Homepage</option>
<option value="download">Download</option>
<option value="join">Donate</option>
</select>
</form>
/* EXAMPLE 01 */
#example-01 {
auto-select: refer;
}
/* EXAMPLE 02 */
#example-02 {
auto-select: execute;
auto-select-execute: alert("Value of selected option is: %value");
}