2017-02-18 16 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

[小提琴](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 
        } 
       }) 
      }; 
     } 

    }, 


}); 
}); 

我有PO inted url到其他一些位置的動態數據..請做出相應的更改

相關問題