layui 可输入下拉框 可以取自定义值

1.引入组件selectInput

        在github上搜索selectInput组件 引入到项目中，如果找不到可以私信我

        到项目中后 声明组件

layui.config({
        base: "/static/",
    }).extend({
        selectInput: "selectInput/selectInput",
    }).use(['form', 'selectInput', 'layer'], function () {
        var layer = layui.layer;
        var form = layui.form;
        var $ = layui.jquery;
        var selectInput = layui.selectInput;
})

       创建div

<div class="layui-inline">
 <label class="layui-form-label">
    业务来源<span style="color:red">*</span>        
 </label>
    <div class="layui-input-block" id="ywly"></div>
</div>

    js中进行绑定

selectInput.render({
elem: '#ywlx',
data: res.ywlx,
placeholder: '请输入名称',
initValue: mrtype, // 渲染初始化默认值
name: 'type',
remoteSearch: false,
hasCut: true, // 是否允许剪贴
hasSelectIcon: true,
});

   效果

如果有其他需求可以参考gitee或github作者