当前页面位置: » 丰搜网 » 文档中心 » 详细内容
wml教程10：分组选择控件（optgroup）和复杂实例
相关option分组产生层级，对最终用户来说可能没有什么意义，但是对于制作者来说，option分组可以提供很多方便。
相关属性:
1. title 标题，通常这种标题无法被显示
示例：
<card>
<p> what os you use now？
<select name="os">
<optgroup title="microsoft">
<option value="dos">dos</option>
<option value="windows">windows</option>
</optgroup>
<optgroup title="others">
<option value="unix">unix</option>
<option value="linux">linux</option>
</optgroup>
</select>
</p>
</card>
上例演示了一个基本的optgroup元素的应用，由于optgroup没有变量参数，所以只能提供有限的应用。
一个比较复杂的例子：
<?xml version="1.0"?>
<!doctype wml public "-//wapforum//dtd wml 1.1//en" "http://www.wapforum.org/dtd/wml_1.1.xml">
<wml>
<template>
<do type="options" label="back">
<prev/>
</do>
</template>
<card id="lists">
<p>
<select title="pick lists">
<option onpick="#jy">jin yong</option>
<option onpick="#gl">gu long</option>
</select>
</p>
</card>
<card id="jy">
<onevent type="onenterbackward">
<prev/>
</onevent>
<do type="accept">
<go href="#display_fav"/>
</do>
<p> pick your fav book:
<select name="fav" title="stooges">
<option value="xiao">xiao ao jiang hu</option>
<option value="she">she diao ying xiong</option>
<option value="lu">lu ding ji</option>
<option value="shen">shen diao xia lv</option>
</select>
</p>
</card>
<card id="gl">
<onevent type="onenterbackward">
<prev/>
</onevent>
<do type="accept">
<go href="#display_fav"/>
</do>
<p> pick your fav book.
<select multiple="true" title="gu long" name="fav" >
<option value="gu">gu xing zhuan</option>
<option value="da">da di fei ying</option>
<option value="tian">tian ya ming yue dao</option>
<option value="feng">lu xiao feng</option>
</select>
</p>
</card>
<card id="display_fav">
<p> your fav was $fav. </p>
</card>
</wml>
