示例
1、定義一個(gè)容器 ，建議使用div標簽

 <div id="test"></div>

// 模塊加載的機制不明白的或者加載不進(jìn)來(lái)的，請參考layui官方文檔或者自行百度
layui.config({ base: 'js/modules/' }).extend({
  selectInput: 'selectInput/selectInput'
}).use(['form', 'selectInput'], function() {
  var $ = layui.$, form = layui.form, selectInput= layui.selectInput;
           var ins = selectInput.render({
            // 容器id，必傳參數
            elem: '#test1',
            name: 'test', // 渲染的input的name值
            initValue:'iPhone12 Pro Max', // 渲染初始化默認值
            placeholder: '請輸入名稱(chēng)', // 渲染的inputplaceholder值
            // 聯(lián)想select的初始化本地值，數組格式，里面的對象屬性必須為value，name，value是實(shí)際選中值，name是展示值，兩者可以一樣
            data: [
                {value: 1111, name: 1111},
                {value: 2333, name: 2222},
                {value: 2333, name: 2333},
                {value: 2333, name: 2333},
            ],
            url: "https://www.layui.com/", // 異步加載的url，異步加載聯(lián)想詞的數組值
            remoteSearch: false,// 是否啟用遠程搜索 默認是false，和遠程搜索回調保存同步
            // 解析回調，如果你的異步返回的data不是上述的data格式，請在此回調格式成對應的數據格式，回調參數是異步加載的數據
            parseData: function (data) {

            },
            error: function (error) { // 異步加載出錯的回調 回調參數是錯誤msg

            },
            done: function (data) { // 異步加載成功后的回調 回調參數加載返回數據

            },
            remoteMethod: function (value, cb) { // 遠程搜索的回調函數
                // value 是input實(shí)施輸入的value值
                // cb是回調處理函數，請在執行ajax搜索請求成功之后執行此回調函數

                //案例
                //這里如果val為空, 則不觸發(fā)搜索
                if (!value) {
                    return cb([]);
                }
                //這里的$.ajax去請求后臺拿回數據
                $.ajax({
                    method: 'get',
                    url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
                    data: {
                        keyword: val,
                    },
                    success: function (data) {
                        return cb(data)
                    }
                })
            }
        }
    });

    // 監聽(tīng)input 實(shí)時(shí)輸入事件
    ins.on('itemInput(test1)', function (obj) {
        console.log(obj);
    });

    // 監聽(tīng)select 選擇事件
    ins.on('itemSelect(test1)', function (obj) {
        console.log(obj);
    });


   // 如果使用本地數據加載，不要使用設置遠程 url參數 也不要將remoteSearch參數設置為 true，完整的本地賦值數據案例

    var ins2 = selectInput.render({
            elem: '#test1',
            data: [
                {value: 1111, name: 1111},
                {value: 2333, name: 2222},
                {value: 2333, name: 2333},
                {value: 2333, name: 2333},
            ],
            placeholder: '請輸入名稱(chēng)',
            name: 'list_common',
            remoteSearch: false
      });


   // 這是我項目中的需求做的一個(gè)組件，可能存在一些問(wèn)題，如果有問(wèn)題可以聯(lián)系我，也可以去碼云提問(wèn)，有時(shí)間我會(huì )去看的，會(huì )盡量完善這個(gè)組件的

   // 2020-10-23 更新：允許value和name值不同，顯示用name，取值用value；新增參數initValue，設置input默認初始值
});