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>

巴特西

html multiple select option 分组

最新文章

热门文章