tom select 默认会自动选中第一个 `
在使用 Tom Select 为原生
✅ 推荐方案：声明式空选项（语义清晰、兼容性强）
核心要点：
- 在
- 移除 allowEmptyOption: true 配置（该选项实际用于支持创建新选项，与空选无关，且可能干扰初始化逻辑）；
- 确保所有其他
const select = new TomSelect('#ex-dropdown-input', { plugins: ['dropdown_input', 'remove_button'], // ❌ 不要写 allowEmptyOption: true // ✅ 可按需启用 create: true（允许用户输入并创建新选项） });? 原理说明：Tom Select 初始化时会读取原生 的 value。当首个 被设为默认选中项（即 selected 属性未显式设置，但 value 为空字符串），Tom Select 将其识别为“未选择”状态，并正确渲染 placeholder。
⚠️ 备选方案：运行时调用 clear()（不推荐用于初始化）
若因历史原因无法修改 html 结构，可手动清空：
const select = new TomSelect('#ex-dropdown-input', { plugins: ['dropdown_input', 'remove_button'] }); // 立即清空初始选中项（需确保 DOM 已就绪） select.clear();⚠️ 注意事项：
- 必须在 Tom Select 实例创建之后立即调用 clear()，否则可能被后续初始化逻辑覆盖；
- 若表单支持编辑已有数据（如回填场景），需额外判断原始
- 此方式破坏了 HTML 表单的语义完整性，不利于无障碍访问（screen reader）和 SSR 渲染一致性。
? 总结
| 方案 | 是否推荐 | 关键要求 | 维护性 |
|---|---|---|---|
| 添加 | ✅ 强烈推荐 | HTML 层面声明空状态，配置简洁 | 高（一次配置，长期稳定） |
| select.clear() 运行时清空 | ❌ 不推荐 | 需 js 控制时机，易出竞态 | 低（需额外状态管理） |
始终优先通过语义化 HTML 定义初始状态——这不仅是 Tom Select 的最佳实践，更是现代 Web 表单开发的通用准则。