html multiple select option 分组

普通html方式展示
<select name="viewType" style="width: 100%;height: 300px;" multiple="multiple">
<option value selected>选择排序/显示方式</option>
<optgroup label="排序">
<option>按价格 从低到高</option>
<option>按价格 从高到低</option>
<option>按剩余时间 从少到多</option>
<option>按剩余时间 从多到少</option>
</optgroup>
<optgroup label="显示">
<option>列表方式</option>
<option>图片方式</option>
<option>纯文字方式</option>
</optgroup>
<optgroup label="数量">
<option>每页显示20个</option>
<option>每页显示40个</option>
<option>每页显示80个</option>
</optgroup>
</select>


angularjs方式展示
<select class="form-control" style="width: 100%;height: 300px;" multiple="multiple">
<optgroup ng-repeat="demo in vm.selectedDemos" label="{{demo.displayName}}">
<option ng-repeat="v in demo.values">
{{v.name}}
</option>
</optgroup>
</select>
posted on 2016-06-01 15:23  qinyahui  阅读(832)  评论(0编辑  收藏  举报