Advertisement
Guest User

Untitled

a guest
Jan 20th, 2020
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.67 KB | None | 0 0
  1. kode html
  2. <div class="row">
  3. <div class="col-md-12">
  4. <label for="">Insert Keywords</label>
  5. <select name="search" id="" class="form-control select2"></select>
  6. </div>
  7. </div>
  8.  
  9. kode route
  10. Route::get("/search", "TestingController@searchData")->name("search");
  11.  
  12. kode controller
  13. public function searchData(Request $request)
  14. {
  15. $keywords = $request->get("search");
  16. if (!empty($keywords)) {
  17. $dataArray = array("1" => "Belajar", "2" => "select2", "3" => "ajax");
  18. return response()->json($dataArray, 200);
  19. }
  20.  
  21. }
  22.  
  23. kode js
  24. @push("script")
  25. <script type="text/javascript">
  26. $(function () {
  27. $('.select2').select2({
  28. theme: 'bootstrap4',
  29. minimumInputLength: 3,
  30. allowClear: true,
  31. placeholder: 'Keywords...',
  32. ajax: {
  33. dataType: 'json',
  34. url: '{{ route("search") }}',
  35. delay: 800,
  36. data: function (params) {
  37. return {
  38. search: params.term
  39. }
  40. },
  41. processResults: function (data, page) {
  42. console.log(data);
  43. return {
  44. results: data[0]
  45. };
  46. },
  47. }
  48. }).on('select2:select', function (evt) {
  49. var data = $(".select2 option:selected").text();
  50. alert("data selected : " + data);
  51. });
  52. });
  53. </script>
  54. @endpush
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement