tom select 默认会自动选中 `
在使用 Tom Select 增强原生
✅ 推荐方案：声明式空选项（最佳实践）
最稳定、语义清晰且兼容性最佳的方式，是在原始
<select id="ex-dropdown-input" autocomplete="off" placeholder="How cool is this?"> <option value="">How cool is this?</option> <option value="amazing">amazing</option> <option value="awesome">awesome</option> <option value="cool">cool</option> <!-- 其他选项... --> </select>
对应 JavaScript 初始化时无需设置 allowEmptyOption: true（该配置已弃用且不生效），只需基础配置即可：
const select = new TomSelect('#ex-dropdown-input', {
create: true, // 启用创建新选项（可选）
plugins: ['dropdown_input', 'remove_button'],
});✅ 优势：
- 无需额外 JS 操作，DOM 驱动，符合 HTML 表单语义；
- 支持表单提交时正确提交空值（name= 不发送或值为空字符串）；
- 在编辑场景（如回显表单）中天然支持“取消选择”逻辑；
- 避免竞态问题（如 select.clear() 在组件未完全就绪时调用失败）。
⚠️ 备选方案：运行时清空（慎用）
若因历史原因无法修改 HTML 结构，可调用实例的 clear() 方法强制清空初始选中项：
const select = new TomSelect('#ex-dropdown-input', {
create: true,
plugins: ['dropdown_input', 'remove_button'],
});
// 确保 Tom Select 已完成初始化后再调用
select.clear();⚠️ 注意事项：
- 必须在 new TomSelect(...) 实例创建后立即调用，且需确保 DOM 和插件已就绪（通常同步执行即可，但避免在 DOMContentLoaded 之前调用）；
- 若后续需动态更新选项（如通过 AJAX 加载），务必在更新前检查当前值是否有效，防止 clear() 清除用户已选内容；
- 此方式无法保证表单提交时自然携带空值，需配合 onItemAdd/onChange 手动处理空状态逻辑；
- 不推荐用于生产环境的关键表单，因其破坏了 HTML 的声明式约定，增加维护复杂度。
? 补充说明
- allowEmptyOption: true 是旧版配置，在 Tom Select v2+ 中已被移除且无效，请勿使用；
- 所有
- 如需支持“创建新选项”，请启用 create: true 并配合 createFilter 等参数增强体验；
- 使用 CDN 时，请确保 CSS 与 JS 版本一致（推荐使用最新稳定版，如 @2.3.1）。
通过合理设计 HTML 结构并搭配简洁的初始化配置，即可让 Tom Select 开箱即用地呈现真正的“空初始状态”，兼顾健壮性、可访问性与开发体验。
