layui的select控件的使用

1 添加select标签

<label class="layui-form-label" style="width:100px">所属类型:</label>
        <div class="layui-input-inline">
            <select name="Type" id="Type" lay-verify="required" lay-search="">
                <option value="">请选则类型</option>
            </select>
        </div>

2 js赋值

  $.ajax({
            Type: "post",
            url: "/KangYang/CommAtt/getAllType",
            success: function (res) {
                for (var i = 0; i < res.data.length; i++) {
                    $('#Type').append(new Option(res.data[i].Name, res.data[i].Common_AttributeTypeID));
                  
                }
                form.render();
            }
        })

3 动态赋值和取值

// 动态赋值
 $('#HtmlTag').val('1');//1是选中项的value值
form.render();//重新渲染

// 取值
var value=$('#HtmlTag').val();

猜你喜欢

转载自blog.csdn.net/zhang123csdn/article/details/127865491