Как использовать плагин Chosen JQuery на Laravel

Как использовать плагин Chosen JQuery в Laravel Html/Forms, я совсем новичок, может кто-нибудь объяснить мне, каждый шаг один за другим,

Я установил выбранный плагин с помощью композитора
Что я должен объявить больше?

{  
   {  
      Form::select('weekdays',
      $weekdays,
      null,
      array('name'=>'weekdays[]', 
            'multiple' => 'multiple')
      )
   }
}

Как я могу получить результат, как здесь? здесь

jquery laravel

08.04.2019 13:32

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

2 011

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Убедитесь, что вы добавили выбранную библиотеку js,

https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css
https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.js
https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.proto.js

В вашей форме выберите поле добавить класс chosen-select класс

{{Form::select('weekdays',$weekdays, null, array('name'=>'weekdays[]', 'multiple' => 'multiple', 'class'=>'chosen-select'))}}

а затем в вашем сценарии

<script>
    $(document).ready(function () {
      $(".chosen-select").chosen();
   });
</script>

пример

<!DOCTYPE html>
<html lang = "en">
<head>
  <title>Bootstrap Example</title>
  <meta charset = "utf-8">
  <meta name = "viewport" content = "width=device-width, initial-scale=1">
  <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css">
  
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  
  <script src = "https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.js"></script>
  <script src = "https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.proto.js"></script>
  
  
  
  <script>
    $(document).ready(function () {
      $(".chosen-select").chosen();
   });
   
  </script>
</head>
<body>

<div class = "container">
  <form class = "form-inline" action = "/action_page.php">
    <div class = "form-group">
      <select name = "carlist" class = "chosen-select form-control">
      <option value = "volvo">Volvo</option>
      <option value = "saab">Saab</option>
      <option value = "opel">Opel</option>
      <option value = "audi">Audi</option>
    </select>
    </div>
    <div class = "form-group">
      <label for = "pwd">Password:</label>
      <input type = "password" class = "form-control" id = "pwd" placeholder = "Enter password" name = "pwd">
    </div>
    <div class = "checkbox">
      <label><input type = "checkbox" name = "remember"> Remember me</label>
    </div>
    <button type = "submit" class = "btn btn-default">Submit</button>
  </form>
</div>

</body>
</html>

@НурдаулетШамилов. Теперь вы можете проголосовать. Если этот ответ полезен, проголосуйте за него.

— 09.04.2019 06:06

08.04.2019 13:48