2014-01-24 3 views
2

아래 코드에는 국가가있는 드롭 다운 메뉴가 있으며 내 목표는 편집 가능하고 검색 가능하도록 드롭 다운을 만드는 것입니다.이 작업을 도와주세요.검색 가능 드롭 다운

코드 :

<label for='SelectCountry'>Choose a country:</label><br /><br /> 

    <asp:DropDownList id='SelectCountry' name='SelectCountry' runat='server' 
         ClientIDMode='Static'> 
     <asp:ListItem Text='Afghanistan' Value='Afghanistan'></asp:ListItem> 
     <asp:ListItem Text='Albania' Value='Albania'></asp:ListItem> 
     <asp:ListItem Text='Algeria' Value='Algeria'></asp:ListItem> 
     <asp:ListItem Text='Bahrain' Value='Bahrain'></asp:ListItem> 
     <asp:ListItem Text='Bangladesh' Value='Bangladesh'></asp:ListItem> 
     <asp:ListItem Text='Barbados' Value='Barbados'></asp:ListItem> 
     <asp:ListItem Text='Cambodia' Value='Cambodia'></asp:ListItem> 
     <asp:ListItem Text='Cameroon' Value='Cameroon'></asp:ListItem> 
     <asp:ListItem Text='Canada' Value='Canada'></asp:ListItem> 
    </asp:DropDownList> 

    <br/> 

    <script type='text/javascript' > 
     $(function() { 
      $('#SelectCountry').ufd({ log: true }); 
     });  
    </script> 

</asp:Content> 

답변

0

Select2입니다 Reference

에 대한 링크
1

enter image description here 자동 완성 및 필터링 텍스트
검색 가능한 드롭 다운, 단지 통과 : 여기

, 그냥이 링크를 확인 검색 및 이미지를 표시하는 등의 기능을 제공하는 JQuery와 플러그인 link

관련 문제