layui 输入下拉搜索框 并调用后台接口

可以使用 layui 的下拉搜索框组件 `select`，并通过 AJAX 调用后台接口来实现输入下拉搜索框。

示例代码如下：

HTML：

<div class="layui-form-item">
  <label class="layui-form-label">搜索</label>
  <div class="layui-input-inline">
    <select id="search" lay-search="">
      <option value="">请输入关键字</option>
    </select>
  </div>
</div>

JavaScript：

// 初始化下拉搜索框
layui.use(['form', 'jquery'], function() {
  var form = layui.form;
  var $ = layui.jquery;
  
  // 监听下拉搜索框的输入事件
  $('#search').on('input', function() {
    var keywords = $(this).val();
    
    // 发送 AJAX 请求获取搜索结果
    $.ajax({
      url: '/api/search',
      data: { keywords: keywords },
      success: function(data) {
        var html = '<option value="">请输入关键字</option>';
        for (var i = 0; i < data.length; i++) {
          html += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
        }
        $('#search').html(html);
        form.render('select');
      }
    });
  });
});

后台接口返回的数据应该是一个数组，每个元素都包含 `value` 和 `label` 两个字段，分别表示选项的值和显示文本。例如：

[
  { "value": "1", "label": "选项一" },
  { "value": "2", "label": "选项二" },
  { "value": "3", "label": "选项三" }
]