layui 下拉搜索,多选,form提交

浪淘沙6个月前前端130

https://codecp.tech/static/xm-select/?lalalalalala=1#/basic/use

<div style="margin:100px;">
    <form class="layui-form" method="post">
        <div id="depment" name="depment" class="xm-select-depment"></div>
        <br />
        <button class="layui-btn" type="submit" lay-submit>提交</button>
       
    </form>
   
   

</div>
<link href="~/templates/default/layui/css/layui.css" rel="stylesheet" />
<script src="~/templates/default/layui/layui.js"></script>
<script src="~/templates/default/layui/ext/xm-select.js"></script>
<script type="text/javascript">
   
    layui.use(function() {
        var $ = layui.$;
        var laydate = layui.laydate;
        var form = layui.form;
        var layer = layui.layer;
       

         var depment = xmSelect.render({
            el: '#depment',
            filterable: true,           
            layVerify: 'required',
            name:'depment',
  
            data: [
                    {name: '建筑工程学院党总支', value: 1},
                    {name: '工程管理学院党总支', value: 2, selected: true},
                    {name: '建筑设备学院党总支', value: 3} 
            ]
        })
    });
</script>
public IActionResult OnGet()
{

    return Page();
}

public IActionResult OnPost()
{
    var depment = Request.Form["depment"];
    return Content(depment);
}


相关文章

vxe-table 改变每一列颜色值

<div id="app">     <div class="table-responsi...

js 获取数组的值

js 获取数组的值

一、如图,获取responseItems的值二、js获取 var responseItems=JSON.parse(res.data.retBody).responseItems;...

layui select 下拉被裁切 滚动显示不全的bug修复方案

<style>     .layui-form-select {      &nbs...

layui给form 字段绑定返回值

 $.ajax({      url: "/api/feedback/readByID/" +&n...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。