layui 下拉搜索,多选,form提交
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);
}