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

浪淘沙11个月前前端212

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);
}


相关文章

el-switch选中状态

 <el-switch v-model="form.flg"        &nb...

INTEGER 类型时,下拉编辑绑定Number

 <el-select v-model="form.zj_link_class_id"      &n...

layui 为CKEditor 4 赋值 经常不显示

 // 在编辑器初始化后赋值  setTimeout(function() {   CKEDITOR.instances[...

layui 只有点击“导出Excel”按钮时,才改变“导出Excel”按钮的状态

<form class="layui-form layui-form-pane" method="post"> &n...

删除确认对话框

onclick=\"onconfirm('确认要删除本岗位?', 'zp', 'id=&act=del');&nb...

发表评论    

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