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

浪淘沙1个月前前端53

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


相关文章

echarts 柱子包含关系

echarts 柱子包含关系

<div id="zy" style="width: 100%; height: 900px;">...

layui

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

layui checkbox选中事件

 <input type="checkbox" name="danye" id="danye"...

layui table中单元格的行高处理

   , lineStyle: 'height: 55px;' <style>  &nbs...

Element Plus 步骤条el-steps 设置simple时,箭头换成横线

@page @model xxtsoft.Web.Entry.Pages.hr.regModel @{     Layout =&nb...

asp.net core asp-page-handler 提交时,弹出确认对话框

<div class="layui-container ">    <form class="layui-form" ac...

发表评论    

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