Layui select 搜索框默认不触发后端请求，需配置 lay-search="{ remote: true, url: '/api/select-options' }" 才启用远程搜索，且后端必须返回含 data 字段的标准 JSON、支持 trim 和分页。
select 搜索框不触发后端请求？检查 lay-search 是否带配置对象
默认的 lay-search 只做前端 dom 选项过滤，不会发请求。要让它联动后端，必须用 layui 2.9.16+ 的新写法：lay-search="{ remote: true, url: '/api/select-options' }"。这个配置会让 select 在输入时自动携带 q 参数（如 /api/select-options?q=杭州）发起 get 请求。旧版只写 lay-search 或 lay-search="" 都不会触发远程调用。
后端接口返回格式必须严格匹配 Layui 要求
Layui 的 remote 模式要求后端返回标准 JSON 格式，且字段名固定为 data，不能是 list、options 或其他别名：
{
"code": 0,
"msg": "",
"data": [
{ "value": "1", "title": "杭州市西湖区" },
{ "value": "2", "title": "杭州市拱墅区" }
]
}
常见错误包括：
- 返回数组直接包在根节点（没套
data字段）→ 下拉列表空白 - 用
value和text做键名 → Layui 不识别，需改用value+title - 接口返回 200 但
code !== 0→ Layui 当作失败，不渲染选项
输入中文或带空格时匹配不到？后端需做 trim + LIKE 处理
用户输入“ 杭州 ”（前后有空格），前端会原样传 q=%E6%9D%AD%E5%B7%9E，后端若不做 trim()，数据库 LIKE 查询就会失效。正确做法是：
- Java：用
StringUtils.trimToEmpty(q)再拼"%" + q + "%" - MyBatis-Plus：用
query.like("area_name", "%" + q.trim() + "%")，别用eq - Node.js：用
q = req.query.q?.trim() || ""，再进 SQL
注意：Layui 不会自动去空格，也不支持正则，一切清洗和模糊逻辑必须由后端承担。
搜索结果重复、卡顿或加载不完？确认是否启用了分页与缓存
remote 模式默认不限制返回条数，如果后端一次返回 5000 条，select 下拉框会卡死甚至崩溃。必须加服务端分页：
- 接口 URL 改为
/api/select-options?q={q}&page=1&limit=20 - 响应中
data只放当前页数据，总数可选填count字段供 Layui 显示“共 XX 条” - 前端输入连续变化时（如打字“杭州湾”），Layui 会自动 abort 上一个请求，但后端仍建议加简单缓存（如 Redis 缓存 5 分钟内相同
q的结果）
真实业务中，超过 100 条选项就该强制分页；否则用户根本没法滚动选择，也容易误点。
