13 JQuery SelectBox/드롭 다운 플러그인

13 jQuery 드롭 다운 메뉴 플러그인은 웹 대화식 경험을 향상시키는 데 도움이됩니다! 이 기사는 드롭 다운 메뉴 플러그인의 현재 상태를 반영하기 위해 2016 년 10 월 12 일에 업데이트되었습니다.

기본 드롭 다운 메뉴 스타일은 모든 사람에게 만족스럽지 않습니다. 때로는 외관을 제어해야 할 수도 있습니다 (브라우저 및 장치의 일관성을 유지하기 위해) 또는 기본적으로 지원되지 않는 다른 기능이 필요할 수도 있습니다.

운 좋게도이 프로세스를 단순화 할 수있는 우수한 jQuery 기반 플러그인이 많이 있습니다.

다음 프로젝트에 통합 할 수있는 플러그인을 다룰 것입니다. 이 플러그인 중 일부에는 구성 가능한 옵션, 메소드 및 이벤트가 있으며 다른 플러그인에는 사용하기 쉬운 간단한 드롭 다운 메뉴 스타일 교체입니다.

키 포인트

이 기사는 웹 페이지 드롭 다운 메뉴의 모양 및 기능을 사용자 정의하는 데 사용할 수있는 13 JQuery SelectBox/드롭 다운 메뉴 플러그인을 간략하게 설명합니다.

선택, Select2 및 Selectize와 같은 플러그인은 광범위한 사용자 정의 옵션 및 드롭 다운 검색, 다중 선택 요소, 강조 및 원격 데이터 바인딩과 같은 추가 기능을 제공합니다.

jQuery Nice Select 및 JQuery SelectBox와 같은 일부 플러그인은 드롭 다운 메뉴를 재 설계하는 데 더 중점을두고 간단한 프로젝트에 적합한 고급 기능을 제공합니다. 이미지 콤보 박스 및 DDSLICK jQuery 드롭 다운 메뉴를 사용하면 드롭 다운 메뉴에서 각 옵션에 이미지와 설명을 추가하여 각 선택을 시각적으로 표현할 수 있습니다. 이 기사는 플러그인을 선택할 때 프로젝트 요구 사항을 고려하는 것의 중요성을 강조합니다. 일부 플러그인은 간단한 프로젝트에 필요하지 않은 광범위한 기능과 사용자 정의 옵션을 제공하기 때문입니다. 또한 플러그인의 브라우저 호환성 및 유지 보수 상태를 확인하는 것의 중요성을 강조합니다.

• 선택한
선택한 것은 드롭 다운 메뉴를 재 설계 할뿐만 아니라 드롭 다운 메뉴 검색, 다중 선택 요소 및 하이라이트 내의 다른 기능을 제공하는 강력한 플러그인입니다.
• 드롭 다운 메뉴의 기본 스타일을 업데이트하려면이 플러그인을 사용할 수 있지만 실제로 강력한 기능은 추가 기능입니다.
다중 선택 옵션을 처리하는 기능. 필요한 경우 각 선택이 저장되고 쉽게 삭제됩니다.
• 검색을 통해 요소를 필터링하는 기능. 긴 옵션 목록 (예 : 국가 이름)이있을 때 매우 유용합니다.
• 이 플러그인의 모든 기능은 제대로 작동하며 데스크탑 지원은 IE8 호환성으로 거슬러 올라갑니다. 긍정적 (또는 부정적인) 요인은 모바일 장치에서 드롭 다운 메뉴가 기본 형식으로 돌아와서 모바일 브라우저가 상호 작용하는 방법을 제어한다는 것입니다.

옵션 문서는 요소를 사용자 정의 할 수있는 모든 설정, 메소드 및 이벤트를 간략하게 설명합니다. 플러그인 자체는 Harvest Project Management Tools 개발과 관련된 개발자가 유지 관리합니다. Github 저장소는 추가 기능, 버그 수정 및 최적화로 지속적으로 업데이트됩니다.

웹 사이트/github

select2

Select2는 완벽하게 작동하고 풍부한 드롭 다운 메뉴 교체/강화 플러그인입니다. 드롭 다운 메뉴를 재 설계 할뿐만 아니라 추가 기능으로 확장 할 수도 있습니다.

다른 고급 드롭 다운 메뉴 플러그인과 마찬가지로 다음과 같은 많은 사용자 정의 가능한 기능이 포함되어 있습니다. 옵터 그룹이있는 단일 선택 요소/요소 다중 선택 요소 정렬/필터링 가능한 드롭 다운 메뉴 검색 필드

원격 데이터 소스에서 데이터를로드 할 수있는 기능 (예 : API에서 옵션을 동적으로 변경) 태그 지원 (사전 정의 된 목록에서 선택/동적 태그 선택)

Select2는 2012 년부터 개발 중입니다. 개발자는 버전 3에서 버전 4로 마이그레이션하여 프로세스에서 플러그인을 다시 작성하여보다 빠르고 반응이 좋으며 모바일 친화적입니다. Select2의 Github 페이지는 인상적이며 팀은 플러그인이 출시 될 때마다 플러그인을 개선하기 위해 함께 협력했습니다.

플러그인은 개발자에 더 중점을두고 있으며 해당 옵션 페이지는 각기 다른 기능을 사용하는 방법에 대한 포괄적 인 예를 보여줍니다.

이 플러그인은 높은 수준의 사용자 정의를 제공하며 프로젝트에 맞게 사용자 정의 할 수있는 플러그인을 찾는 경우 훌륭한 옵션입니다.
• 웹 사이트/데모/github
jQuery nice select
• 이 플러그인은 가벼운 드롭 다운 메뉴 교체 라이브러리입니다. jQuery nice 선택 기본 원시 드롭 다운 메뉴를 재 설계된 드롭 다운 메뉴로 교체하십시오.
이 플러그인은 드롭 다운 메뉴를 빠르게 재 설계하여 많은 노력없이 시각적으로 매력적인 콘텐츠를 제공하는 방법으로 설계되었으므로 기능이 많지 않습니다. 플러그인은 GitHub 저장소를 적극적으로 개발하고 개선하고 있으며 모바일 및 데스크탑 브라우저 모두에서 잘 작동합니다.
• 많은 노력없이 드롭 다운 메뉴를 재 설계하는 빠르고 쉬운 플러그인을 찾고 있다면 이것이 선택입니다.
웹 사이트 및 데모/github

선택

를 선택하십시오 Selectize는 더 잘 보이는 드롭 다운 목록을 제공 할뿐만 아니라 태그, 원격 데이터 바인딩 및 동적 드롭 다운 메뉴와 같은 새로운 유용한 기능을 추가하는 매우 개발자 중심의 포괄적 인 플러그인입니다.

select2와 선택과 같은 Selectize는 개발자 중심이되어 드롭 다운 메뉴가 작동하는 방식을 제어 할 수 있습니다. 그들의 문서는 상당히 포괄적이며 다양한 옵션과 플러그인을 추가로 사용자 정의 할 수있는 다양한 콜백을 요약합니다.

플러그인이 지속적으로 업데이트되고 있으며 개발자는 지난 1 년 동안 여러 버전을 출시했습니다. 때로는 방금 찾은 좋은 플러그인이 적극적으로 유지되고 있는지 또는 "있는 그대로"제공되는지 확실하지 않지만 선택을 위해 프로젝트는 여전히 활성화 된 것처럼 보이며 거의 모든 문제/버그 보고서가 해결되고 해결되었습니다. 상당히 투명한 토론이 이루어집니다.

기능 측면에서 작업을 잘 선택하십시오. 이 플러그인은 기본 컨트롤을 재 설계 할뿐만 아니라 검색 필터링, 다중 선택 기능 및 원격 데이터 바인딩과 같은 강력한 기능으로 확장합니다. 이 모든 것은 데스크탑 및 모바일 브라우저에서 잘 작동합니다.

이 플러그인은 전반적인 선택이며 드롭 다운 메뉴의 기능을 재 설계하고 확장하려면 "선호하는"옵션 중 하나 여야합니다.

웹 사이트 및 데모/github

(다음 플러그인은 내용을 소개합니다. 그림을 교체하십시오. https://www.php.cn/link/39cec6d4d21b5dade7544dab681423e는 위의 형식에 따라 텍스트를 조정하여 더 매끄럽고 더 많이 만들도록 조정하십시오. 자연)

이미지 콤보 상자

웹 사이트/데모/github

jQuery 검색 가능한 드롭 다운 플러그인

웹 사이트/데모 다중 선택 콤보 박스

웹 사이트/데모/github

jQuery selectbox 웹 사이트 및 데모/github

multiSelect.js

웹 사이트/github

jQuery sumosElect 웹 사이트/데모/github

jQuery ui selectMenu 웹 사이트 및 데모

jQuery 필터링 가능한 부트 스트랩 선택

Demo/github ddslick jQuery 드롭 다운

웹 사이트

요약 플러그인을 교체하기 위해 드롭 다운 메뉴를 선택할 수있는 광범위한 옵션이 있습니다. 지난 몇 년 동안 더 인기있는 라이브러리 중 일부는 개선되어 새로운 기능을 도입하면서 기능을 향상 시켰습니다.

오늘 언급 한 다양한 라이브러리를 검색하여 어떤 라이브러리가 귀하의 요구를 가장 잘 충족시킬 것인지 확인해야합니다. 예를 들어 드롭 다운 메뉴를 다시 디자인하려면 필터링 및 원격 데이터 바인딩도 제공하는 라이브러리가 필요합니까?

대부분의 라이브러리의 경우 비교적 빨리 일어나서 실행할 수 있어야합니다. 대부분의 라이브러리에는 jQuery 및 관련 플러그인 파일 만 필요하며 갈 준비가되었습니다. 사용자 정의 옵션 또는 후크 콜백에 관심이있는 경우, Selectize, Sochosen 또는 Select2와 같은 개발자에 더 중점을 둔 라이브러리를 선택할 수 있습니다. 당신을 위해 일하는 도서관을 찾는 것은 당신의 의견에 달려 있습니다. 드롭 다운 메뉴 교체를 사용하는 데 다른 훌륭한 라이브러리를 사용하는 경우 알려주십시오. 우리는 당신의 의견을 듣고 싶습니다!

jQuery selectbox/드롭 다운 메뉴 플러그인에 대한 FAQS (FAQ)

(위의 형식에 따라 텍스트를 조정하여 더 부드럽고 자연스럽게하십시오) 외부 웹 사이트 나 특정 파일에 액세스 할 수있는 기능이 없으므로 유효한 https://www.php.cn/link/39cec6d4d21b5dade754444481423E를 제공 할 수 없습니다. https://www.php.cn/link/39cec6d4d21b5dade7544dab6881423e를 스스로 보충해야합니다. 또한 모든 그림에 경로를 제공하여 사진 정보를 출력에 올바르게 추가 할 수 있도록하십시오.

위 내용은 13 JQuery SelectBox/드롭 다운 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!