Anonim

HTML의 드롭 다운 선택은 기본적으로 사용자에게 친숙하지 않은 항목 중 일부입니다. 그것들을 스타일링하는 것은 고통스럽고 기본 기능에서 제한된 양의 아이템이 필요한 경우가 아니면 매우 유용하지 않습니다.

선택의 여지가있는 곳입니다. 자바 스크립트 라이브러리는 드롭 다운 경험을 훨씬 더보기 좋게 만들뿐만 아니라 기능 측면에서도 훨씬 더 멋지게 만듭니다.

위의 기본 선택 기능을 볼 수 있습니다. 멋지게 보이고 기본적으로 드롭 다운에 많은 항목이있는 경우 결과를 필터링하는 간단한 검색 메커니즘이 있습니다. 먼저 자바 스크립트와 CSS 파일을 포함시킵니다. 그런 다음 아래 코드로 초기화하십시오.

그렇게 쉽습니다. 이제 여러 단계를 선택할 수 있도록 드롭 다운 기능을 변경하려면 어떻게합니까? 아래에서 "Red"를 검색 한 다음 Enter 키를 누르고 "Blue"를 검색 한 다음 Enter 키를 누르십시오. 이제 X 나 백 스페이스를 두 번 누르기 만하면 선택에서 쉽게 제거 할 수 있습니다.


아래와 같이 select를 호출하면 옵션 다중을 전달하기 만하면됩니다. 자바 스크립트에는 변화가 없으며 똑같은 방식으로 초기화됩니다.