2017-02-18 18 views
2

Я новичок в select2 плагин, моя проблема в том, Я хочу поставить на поисковую страницу на мою веб-страницу, то есть когда пользователь запрашивает ключевое слово php, тогда он вернет соответствующие данные как json. Например, если пользователь вводит java, он возвращает наиболее возможные слова, такие как java, javascript, java.net, и пользователь может выбрать один или несколько элементов из отображаемого списка. я сделал, но там нет Выберите опциюКак использовать select2 плагин с php и ajax?

сценарий

$(".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 
        } 
       }) 
      }; 
     } 

    }, 


}); 
}); 

Я имею ро inted url в другое место для динамических данных. Пожалуйста, внесите соответствующие изменения

 Смежные вопросы

  • Нет связанных вопросов^_^