typeahead 的 updater 必须显式 return 字符串，否则输入框变空；它决定填入内容，displayText 仅控制下拉显示；AJAX 场景下 source 函数需调用 process 传数组；隐藏字段同步 ID 应在 afterSelect 中完成，避免 updater 中操作。
直接用 bootstrap3-typeahead 实现搜索框自动填充，不是靠“布局”而是靠数据源 + 事件钩子控制填充逻辑；它本身不负责页面排版，只管输入建议和选中后的内容回填。
为什么 typeahead 的 updater 必须 return 值
选中建议项后，typeahead 会调用 updater 函数，并把它的返回值塞进输入框。如果不显式 return item，函数默认返回 undefined，输入框就变空——这是最常被忽略的坑。
-
updater是唯一决定“填什么进去”的地方，displayText只影响下拉列表里显示什么 - 如果后端返回的是对象（如
{name: "新能源", id: 123}），updater里得写return item.name，否则填进去的是[object Object] - 别在
updater里做异步操作（比如再发个请求），它必须同步返回字符串
source 传函数时，query 和 process 怎么配合
AJAX 场景下，source 是个函数，接收两个参数：query（当前输入内容）和 process（一个回调，你拿到数据后必须立刻传给它）。
-
process不是 jQuery 的$.process()，它是typeahead内部定义的函数，只认数组 - 后端返回 JSON 数组（如
["高校", "煤化工"]）可直接process(data)；如果返回带结构的数组（如[{"name":"高校"},{"name":"煤化工"}]），得先map提取字段再传 - 没调用
process([])或process(null)，下拉框就不会出现，也不会报错——容易误以为“没触发请求”
如何让隐藏字段同步更新 ID 而不破坏输入框显示值
用户看到的是名称（如“节能环保”），但表单提交需要的是对应 ID。不能靠修改输入框 value 来塞 ID，得用额外字段承载。
- 在 HTML 里加一个
<input type="hidden" id="selectedId"> - 在
afterSelect里赋值：$("#selectedId").val(objects[item])，前提是objects已提前建好映射表 - 别在
updater里改隐藏字段——它只管输入框，且可能被多次调用（比如用户反复上下键选择） - 如果数据量大，建议把
objects映射逻辑移到 AJAX 成功回调里，避免全局污染或重复初始化
真正难的不是怎么填，而是怎么确保填进去的值和背后业务 ID 严格对齐；一旦映射关系出错，提交的数据就废了，而这种问题往往上线后才暴露。
