使用EasyAutoComplete控件时数组被解析为字符串，下拉选项异常求助

这种情况我之前也碰到过，大概率是数据源格式没匹配插件要求，或者初始化配置出了小疏漏。咱们一步步排查解决：

1. 先确认数据源的正确性 #

先在浏览器控制台打印下dispatchNames，看看输出是不是符合预期：

console.log(dispatchNames);
// 预期输出：["name1", "name2", "name3"]

如果输出是单个字符串"name1,name2,name3"，那说明你的数组被意外转成了字符串（比如不小心用了join(',')操作），插件自然会把它当成单个选项，得先把数据源恢复成纯字符串数组。

2. 修正EasyAutoComplete的初始化配置 #

你提到的availableTechs可能不是插件官方的配置项哦，EasyAutoComplete的本地数组数据源需要用data字段传入。正确的初始化代码应该是这样的：

// 假设你的输入框ID是dispatch-input
$('#dispatch-input').easyAutocomplete({
  data: dispatchNames, // 直接传入你的数组
  list: {
    match: {
      enabled: true // 开启输入匹配过滤功能
    },
    maxNumberOfElements: 5 // 可选，控制最多显示的选项数量
  }
});

如果你的dispatchNames是对象数组（比如每个元素是{ label: 'name1' }），那还需要配置getValue指定要显示的字段：

$('#dispatch-input').easyAutocomplete({
  data: dispatchNames,
  getValue: "label", // 对应对象里的目标字段名
  list: {
    match: {
      enabled: true
    }
  }
});

3. 排查是否存在数组嵌套错误 #

如果你的初始化代码里写了data: [dispatchNames]，相当于把整个数组当成一个元素传入，插件就会显示成name1,name2,name3这样的单个选项，把外层的数组去掉即可。

按照上面的步骤调整后，应该就能正常显示三个独立的选项啦。

内容的提问来源于stack exchange，提问作者m0lochwalker