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

浪淘沙9个月前前端176

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


相关文章

layui 远程上传图片或文件

layui 远程上传图片或文件

@page @model xxtsoft.Web.Entry.Pages.pic1Model @{     ViewData["Tit...

asp.net core razor 提交按钮时提示信息

<div class="layui-fluid  paneltop20">     <...

layui

//第一个实例   table.render({       elem: '#xxt-tbl...

layui asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

element puls select 表单验证

后端: public record OptionItem(string Label, string Value);  publi...

发表评论    

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