<!DOCTYPE html> <html lang="zh"> <head> <th:block th:include="include :: header('下拉框')" /> <th:block th:include="include :: select2-css" /> <th:block th:include="include :: bootstrap-select-css" /> </head> <body class="gray-bg"> <form> <div class="wrapper wrapper-content animated fadeInRight"> <div class="row"> <div class="col-sm-6"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>下拉框 <small>https://github.com/select2/select2</small></h5> </div> <div class="ibox-content"> <div class="form-group"> <label class="font-noraml">单选</label> <select class="form-control"> <option value="">--请选择开发语言--</option> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </select> </div> <div class="form-group"> <label class="font-noraml">分组单选</label> <select class="form-control"> <optgroup label="--请选择开发语言--"> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </optgroup> <optgroup label="--请选择数据库--"> <option value="Oracle">Oracle</option> <option value="Mysql">Mysql</option> <option value="Sysbase">Sysbase</option> </optgroup> </select> </div> <div class="form-group"> <label class="font-noraml">多选</label> <select class="form-control select2-multiple" multiple> <option value="">请选择开发语言</option> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </select> </div> <div class="form-group"> <label class="font-noraml">分组多选</label> <select class="form-control select2-multiple" multiple> <optgroup label="--请选择开发语言--"> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </optgroup> <optgroup label="--请选择数据库--"> <option value="Oracle">Oracle</option> <option value="Mysql">Mysql</option> <option value="Sysbase">Sysbase</option> </optgroup> </select> </div> <hr> <div class="form-group"> <label class="font-noraml">相关参数详细信息</label> <div><a href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#select2" target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#select2</a></div> </div> </div> </div> </div> <div class="col-sm-6"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>下拉框 <small>https://github.com/snapappointments/bootstrap-select</small></h5> </div> <div class="ibox-content"> <div class="form-group"> <label class="font-noraml">单选</label> <select class="form-control noselect2 selectpicker"> <option value="">--请选择开发语言--</option> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </select> </div> <div class="form-group"> <label class="font-noraml">分组多选</label> <select class="form-control noselect2 selectpicker"> <optgroup label="--请选择开发语言--"> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </optgroup> <optgroup label="--请选择数据库--"> <option value="Oracle">Oracle</option> <option value="Mysql">Mysql</option> <option value="Sysbase">Sysbase</option> </optgroup> </select> </div> <div class="form-group"> <label class="font-noraml">多选</label> <select class="form-control noselect2 selectpicker" data-none-selected-text="请选择开发语言" multiple> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </select> </div> <div class="form-group"> <label class="font-noraml">分组多选</label> <select class="form-control noselect2 selectpicker" data-none-selected-text="请选择" multiple> <optgroup label="--请选择开发语言--"> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value=".NET">.NET</option> </optgroup> <optgroup label="--请选择数据库--"> <option value="Oracle">Oracle</option> <option value="Mysql">Mysql</option> <option value="Sysbase">Sysbase</option> </optgroup> </select> </div> <hr> <div class="form-group"> <label class="font-noraml">相关参数详细信息</label> <div><a href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-select" target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-select</a></div> </div> </div> </div> </div> </div> </div> </form> <th:block th:include="include :: footer" /> <th:block th:include="include :: select2-js" /> <th:block th:include="include :: bootstrap-select-js" /> </body> </html>