Looking for jquery-select2 Answers? Try Ask4KnowledgeBase
Looking for jquery-select2 Keywords? Try Ask4Keywords

jquery-select2Начало работы с jquery-select2


замечания

В этом разделе представлен обзор того, что такое jquery-select2, и почему разработчик может захотеть его использовать.

Следует также упомянуть о любых больших предметах в jquery-select2 и ссылаться на связанные темы. Поскольку документация для jquery-select2 является новой, вам может потребоваться создать начальные версии этих связанных тем.

Версии

Версия Ссылка для заметок Дата выхода
4.0.3 (текущий) Select2 4.0.3 2016-05-27
4.0.2 Select2 4.0.2 2016-03-09
4.0.2 RC1 Select2 4.0.2-rc1 2016-02-14
4.0.1 Select2 4.0.1 2015-11-27
4.0.1 RC1 Select2 4.0.1-rc1 2015-11-10
3.5.4 Select2 3.5.4 2015-08-30
3.5.3 Select2 3.5.3 2015-08-20
** Старые версии можно найти по адресу: Select2 / релизы 2015-08-20

JQuery - Select2 Установка и настройка

Вы можете включить / установить Select2 одним из двух способов

  1. Непосредственно использование CDN в вашем проекте под заголовком вашего проекта.

link href = " https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css " rel = "stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"/>
 
  1. Загрузите код на свой локальный компьютер и включите его в свой проект. он должен выглядеть так введите описание изображения здесь

Затем включите эти строки в раздел заголовка вашей html-страницы

  <link href="select2.min.css" rel="stylesheet" />
  <script src="select2.min.js"></script>
 

Примечание. Для правильной работы функции Select2 вам необходимо включить Jquery в свой проект.

PITFALL: если текущая версия jquery и Select2 конфликтует или функции Select2 не работают. Затем переместите переменные select2 и реализации в отдельный блок тела документа $ (document) .ready (function () {// ваш код select2 .....});

Как его использовать: вы можете определить <select> следующим образом:

<select id="select2_example">
    <option>Test</option>
</select>
 

Approach1:

      var _mSelect2 = $("#select_example").select2();
 

Approach2:

  <script type="text/javascript">
      $('select').select2();
  </script>
 

Обратите внимание, что при использовании этого подхода весь определенный «выбор» управления страницей наследует функции Select2. Если вы хотите использовать Select2 для определенных элементов управления, пропустите этот шаг и напишите свой собственный код, чтобы использовать функцию select2 напрямую и функцию jquery / javascript отдельно для другого элемента управления. Однако вы можете использовать значение, управляемое с помощью Select2 для JQuery или наоборот.

Другие примеры «Основы» можно найти в документации Select2 GIT здесь

Проект Select2 GIT находится здесь . Пожалуйста, перейдите на сайт Select2 Github для получения подробной информации об этом продукте.

Чтобы очистить выбранные элементы выпадающего списка Select2.

Чтобы очистить выбор тех значений, которые выбраны с помощью Select2 , мы можем использовать функцию empty ().

<select id="select2_example">
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
</select>
 

Выпадающий список можно сбросить с помощью JQuery.

$("#select2_example").empty();
 

Он также может быть сброшен, как показано ниже.

$("#select2_example").select2("val", "");