2017-02-18 1 views
2

나는 select2 플러그인에 처음이다. 내 문제는 사용자가 웹 페이지에 키워드 php로 쿼리 할 때 json으로 해당 데이터를 반환 할 때 취업 검색 옵션을 넣고 싶습니다. 예를 들어 사용자가 java를 입력하면 java, javascript, java.net과 같은 가능한 대부분의 단어를 반환하고 사용자는 표시된 목록에서 하나 이상의 항목을 선택할 수 있습니다. 내가했지만php와 ajax로 select2 플러그인을 사용하는 방법은 무엇입니까?

스크립트

$(".load").select2({ 
minimumInputLength: 2, 
    ajax: { 
      url: "http://localhost/testserver/Test", 
     dataType: 'json', 
     type: "post", 

     data: function (term, page) { 
     return { 
      q: term 
     }; 
     }, 
     processResults: function (data, page) { 
     console.log(data); 
     return { 
       results: $.map(data, function (item) { 
        return { 
         text: item.Name, 


        } 
       }) 
      }; 
     } 

    }, 


}); 

HTML

<select class="load" style="width:400px;"> 
+0

당신이 시도한 모든 것을 보여주십시오 ..? 네가 지금 가지고있는 유일한 것인가? – RohitS

+0

[fiddle] (http://jsfiddle.net/deep3015/x62Lwgrt/) 아이디어를주세요. –

답변

0

이 완벽한 솔루션 아래에 찾기에는 옵션을 선택

 $(document).ready(function() {   
      $(".load").select2({ 
minimumInputLength: 2, 
    ajax: { 
      url: "http://ip.jsontest.com/", 
     dataType: 'json', 
     type: "post", 

     data: function (term, page) { 
     return { 
      q: term 
     }; 
     }, 
     processResults: function (data, page) { 

     return { 
       results: $.map(data, function (item) { console.log(item); 
        return { 
         text: item 
        } 
       }) 
      }; 
     } 

    }, 


}); 
}); 

내가 포를에게이 없다 동적 데이터에 대한 다른 위치에 대한 inted URL .. 그에 따라 변경하십시오.

관련 문제