本文介绍在 Select2 中彻底禁用用户输入搜索功能的方法：单选时使用 minimumResultsForSearch: -1，多选时通过监听打开/关闭事件动态禁用搜索框，确保下拉仅作为纯选项菜单使用。
本文介绍在 select2 中彻底禁用用户输入搜索功能的方法：单选时使用 minimumresultsforsearch: -1，多选时通过监听打开/关闭事件动态禁用搜索框，确保下拉仅作为纯选项菜单使用。
Select2 默认为下拉组件内置搜索功能，这在多选或单选场景中常非必需——尤其当您仅需一个简洁、类原生 <select></select> 的点击展开式菜单时，键盘输入和搜索栏反而破坏体验。幸运的是，Select2 提供了灵活的配置方式来移除该行为，但需注意单选与多选的处理逻辑不同。
✅ 单选场景：一键禁用搜索
对单选下拉（即无 multiple 属性），最简方案是设置 minimumResultsForSearch: -1：
$('#js-select-single').select2({
placeholder: "Select your option",
allowClear: true,
minimumResultsForSearch: -1 // ? 完全隐藏搜索框
});该参数表示“始终不显示搜索框”，无论选项数量多少，效果等同于原生 <select></select>。
✅ 多选场景：动态禁用搜索输入框
由于 Select2 多选模式下搜索框是内嵌 DOM 元素（.select2-search__field），无法通过初始化参数直接隐藏，官方文档明确建议通过事件监听控制其状态：
$('#js-select2')
.select2({
placeholder: "Select your option",
allowClear: true
})
.on('select2:opening select2:closing', function (e) {
// 在下拉展开或收起时，定位并禁用搜索输入框
const $searchField = $(this).parent().find('.select2-search__field');
$searchField.prop('disabled', true);
// 可选：进一步隐藏光标与聚焦反馈（提升视觉一致性）
$searchField.css({
'cursor': 'default',
'background': 'transparent'
});
});⚠️ 注意事项：
- 必须使用
.on('select2:opening select2:closing')而非open/close，因 Select2 4.x+ 使用自定义事件命名规范；$(this).parent()是关键——Select2 将搜索框插入生成的.select2-container内部，而非原<select></select>下；- 若需完全隐藏搜索区域（而不仅是禁用），可额外添加 CSS：
.select2-container--multiple .select2-search { display: none; }
? 完整可运行示例
以下为含基础样式与依赖的最小可行代码（兼容多选）：
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
<select id="js-select2" multiple="multiple" style="width: 100%;">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
$('#js-select2').select2({
placeholder: "Select your options",
allowClear: true
}).on('select2:opening select2:closing', function () {
$(this).parent().find('.select2-search__field').prop('disabled', true);
});
</script>✅ 最终效果：点击右侧箭头展开完整选项列表，无输入框、无搜索提示、无键盘响应——回归纯粹的下拉选择体验。如后续需恢复搜索能力，只需移除事件监听并设 disabled: false 即可。
