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

浪淘沙4个月前前端112

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


相关文章

asp.net core razor layui 分页和url参数绑定一起

@page @model xxtsoft.Web.Entry.Pages.sysadmins.rw.rw_listModel @{     La...

layui ajax请求 post 参数采用 [FromForm] 模式

 // 提交事件  form.on('submit(form1-submit)', function (data) {...

layui checkbox选中事件

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

layui table中单元格的行高处理

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

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

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

发表评论    

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