layui下拉框总结

<optgroup label="学生时代">

<option value="你的工号" selected >你的工号</option>

<option value="你最喜欢的老师">你最喜欢的老师</option>

</optgroup>

<div class="layui-inline">

     <label class="layui-form-label">搜索选择框</label>

     <div class="layui-input-inline">

     <select name="modules" lay-verify="required" lay-search="">

             <option value="">直接选择或搜索选择</option>

             <option value="1">layer</option>

             <option value="2">form</option>

             <option value="3">layim</option>

             <option value="4">element</option>

             <option value="5">laytpl</option>

        <option value="6">upload</option>

</select>

</div>

Layui联动下拉框排版样式

<div class="layui-form-item">

            <label class="layui-form-label">联动选择框</label>

            <div class="layui-input-inline">

                <select name="quiz1">

                    <option value="">请选择省</option>

                    <option value="浙江" selected="">浙江省</option>

                    <option value="江西省">江西省</option>           

            </div>

            <div class="layui-input-inline">

                <select name="quiz2">

                    <option value="">请选择市</option>

                    <option value="杭州">杭州</option>

                    <option value="宁波" disabled="">宁波</option>

                </select>

            </div>

<div class="layui-form-mid layui-word-aux">此处只是演示联动排版，并未做联动交互</div>

</div>

下拉框各选项样式：selected，disabled。

 

https://www.layui.com/demo/form.html