더 중요한 선택의 경우 Select2의 검색 상자가 훌륭합니다. 그러나, 하나의 경우, 4 가지 하드 코딩 된 선택 중에서 간단하게 선택할 수 있습니다. 이 경우 검색 창은 불필요한 것이며 약간 어리석은 것처럼 보입니다. 어떻게 든 숨길 수 있습니까? 온라인 설명서를 살펴 보았으며 생성자에서 이에 대한 옵션을 찾을 수 없습니다.
물론 일반 html select를 사용할 수는 있지만 일관성을 위해 가능한 경우 Select2를 사용하고 싶습니다.
답변
이 스레드 https://github.com/ivaynberg/select2/issues/489를 참조하십시오 . minimumResultsForSearch를 음수 값으로 설정하여 검색 상자를 숨길 수 있습니다.
$('select').select2({
minimumResultsForSearch: -1
});
답변
예제 페이지에 있습니다 : https://select2.org/searching#hiding-the-search-box
$(".js-example-basic-hide-search").select2({
minimumResultsForSearch: Infinity
});
답변
.no-search .select2-search { 디스플레이 : 없음 } $ ( "# test"). select2 ({ dropdownCssClass : '검색 안함' });
답변
버전 4.0.3
사용자 인터페이스 요구 사항을 JavaScript 코드와 혼합하지 마십시오.
다음 속성을 사용하여 마크 업에서 검색 창을 숨길 수 있습니다.
data-minimum-results-for-search="Infinity"
마크 업
<select class="select2" data-minimum-results-for-search="Infinity"></select>
예
$(document).ready(function() {
$(".select2").select2();
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<label>without search box</label>
<select class="select2" data-width="100%" data-minimum-results-for-search="Infinity">
<option>one</option>
<option>two</option>
</select>
<label>with search box</label>
<select class="select2" data-width="100%">
<option>one</option>
<option>two</option>
</select>
답변
jQuery로 입력을 제거하면 효과가 있습니다.
$(".select2-search, .select2-focusser").remove();
답변
이것은 최선의 해결책이며 깨끗하고 잘 작동합니다.
$("#select2Id").select2 () ;
$("#select2Id").select2 ('container').find ('.select2-search').addClass ('hidden') ;
그런 다음 클래스를 만듭니다 .hidden { display;none; }
답변
특정 드롭 다운에 대한 검색을 숨기려면 id 속성을 사용하십시오.
$('#select_id').select2({ minimumResultsForSearch: -1 });