2014-07-11 3 views
1

부트 스트랩 드롭 다운에서 입력하여 항목을 선택할 수 있어야합니다. 예 : 평일 모든 드롭 다운 목록에서 'w'를 입력하면 '수요일'항목을 선택해야합니다.입력하여 부트 스트랩 드롭 다운에서 항목을 선택하십시오.

Bootstrap components docs에서 찾은 것으로, 이것은 부트 스트랩 드롭 다운의 기본 기능이 아닙니다.

는 내가 달성하기 위해 노력하고있어 보여 this 질문에서 Bootply을 적응 : 당신의 도움에 대한

http://www.bootply.com/lNMmUfyEWM

감사합니다!

답변

1

이 라이브러리는 원하는 것일 수 있습니다! https://brianreavis.github.io/selectize.js/

표준 <select><option> 태그를 사용할 수 있지만 초기화해야합니다. 내가 예를 서면으로 작성했습니다

$(function() { 
    return $('#select-example').selectize(); 
}); 

(이미 문서에서 실행 준비 기능이없는 당신을 가정)

<select id="select-example" placeholder="Select weekday..."> 
    <option value="">Select weekday...</option> 
    <option value="0">Sunday</option> 
    <option value="1">Monday</option> 
    <option value="2">Tuesday</option> 
    <option value="3">Wednesday</option> 
    <option value="4">Thursday</option> 
    <option value="5">Friday</option> 
    <option value="6">Saturday</option> 
</select> 

이 당신의 추가 JS 될 것이다 : 이것은 아마 옵션이 될 것입니다 , 그리고 여기 볼 수 있습니다 : http://codepen.io/lezed1/pen/cDFLk

(모든 코드없이) 전체 버전은 여기에서 볼 수있다 : http://codepen.io/lezed1/full/cDFLk/

관련 문제