EasyUi 프레임 워크에서 만든 드롭 다운 상자를 검색 할 수 있지만 많은 불편 함이 있습니다. 예를 들어, 퍼지와 일치 할 수 없으므로 첫 번째 문자에 따라 검색해야합니다.
변덕스럽게, 나는 프레임 워크를 바꾸고 배경을 쓰고 싶었고, 부트 스트랩으로 선반을 설정했습니다. 그런 다음 두 스타일이 상충되었습니다. Baidu는 움직이고 부트 스트랩 드롭 다운 박스 검색 기능을 기반으로 또 다른 멋진 JS를 발견했습니다.
케이스 둔감, 퍼지 매칭, 하하, 그레이트 ~~
특정 사용 :
<script type = "text/javaScript"src = "<%= basepath%>/js/commons/jquery.min.js"> </script> <script type = "text/javaScript"src = "$ {basepath} /js/silviomoreto-boottrap/boottrapselect.js"> rel = "Stylesheet"type = "text/css"href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap-select.css"> <!-3.0-> <link href = "$ {basepath} /js/silviomoreto-boottrap.min.css" rel = "stylesheet"> <script src = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.js"> </script> 초기화 : $ (wind $ ( '. selectPicker'). selectPicker ( 'hide');});키 코드는 클래스 여부와 검색이 나중에 지원되는지 여부입니다.
<id = "bs3select"다중 데이터-라이브 검색 = "true"> 옵션> cow </옵션> 옵션> bull </옵션> <옵션 disabled> ox </옵션> </select>
여전히 심도있게 배우고 싶다면 여기를 클릭하여 두 가지 흥미로운 주제를 배우고 첨부 할 수 있습니다. 부트 스트랩 학습 자습서 부트 스트랩 실용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.