layui 带按钮的搜索框_基于layui模块的后台匹配搜索框

最近做了一个项目，其中需要从大量数据中筛选出需要的相应数据，因为数据量庞大，且变化，因此不能一次性渲染至前端页面，所以只能通过输入关键字，后台获取关键字搜索匹配返回数据给前端的方法，然后在网上大量寻找，始终找不到能完美融合项目的插件，于是萌发了自己写一个的想法，晚辈学疏才浅，望指教！

下面开始进入正题

前端部分

本想自己设计样式，但审美受限，感觉与整体项目风格不符，于是直接采用layui模块的样式

{% load staticfiles %}

Title

.select_a {

color: #009688;

padding: 2px;

margin: 2px;

border: #009688 1px dashed;

}

{% csrf_token %}

单选搜索

name="select_input" autocomplete="off" id="">

多选搜索

name="select_input" autocomplete="off" id="">

layui.use(['layer', 'element', 'form'], function () {

var element = layui.element;

var layer = layui.layer;

var form = layui.form;

//select自适应

function select_adaption(select_input) {

var div_width = select_input.prev().outerWidth(true)