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

jquery-select2Aan de slag met jquery-select2


Opmerkingen

Deze sectie geeft een overzicht van wat jquery-select2 is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen binnen jquery-select2 vermelden en naar de gerelateerde onderwerpen linken. Aangezien de documentatie voor jquery-select2 nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

versies

Versie Release Notes Link Publicatiedatum
4.0.3 (huidig) Selecteer2 4.0.3 2016/05/27
4.0.2 Selecteer2 4.0.2 2016/03/09
4.0.2 RC1 Selecteer2 4.0.2-rc1 2016/02/14
4.0.1 Selecteer2 4.0.1 2015/11/27
4.0.1 RC1 Selecteer2 4.0.1-rc1 2015/11/10
3.5.4 Selecteer2 3.5.4 2015/08/30
3.5.3 Selecteer2 3.5.3 2015/08/20
** Oudere versies zijn te vinden op: Select2 / releases 2015/08/20

Jquery - Select2 Installatie en instellingen

U kunt Select2 op een van de twee manieren opnemen / installeren

  1. Direct gebruik van CDN's in uw project onder het hoofdgedeelte van uw project.

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. Download de code naar uw lokale computer en neem deze op in uw project. het zou er zo uit moeten zien voer hier de afbeeldingsbeschrijving in

Neem deze regels vervolgens op in het hoofdgedeelte van uw html-pagina

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

Opmerking: Jquery moet in uw project zijn opgenomen om Select2 correct te laten werken.

PITFALL: als de huidige versie van jquery en Select2 conflicteren of de functies van Select2 niet werken. Verplaats vervolgens de select2-variabelen en implementaties in een afzonderlijk blok van de hoofdtekst $ (document) .ready (function () {// your select2 code .....});

Hoe het te gebruiken: U kunt een <select> als volgt definiëren:

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

oriëntatie1:

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

Approach2:

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

Houd er rekening mee dat met deze aanpak alle gedefinieerde 'select' controle van de pagina functies van Select2 zal erven. Als u alleen Select2 voor bepaalde bedieningselementen wilt gebruiken, slaat u deze stap over en schrijft u uw eigen code om de select2-functie direct te gebruiken en de jquery / javascript-functie afzonderlijk voor andere selectbesturing. U kunt echter de waarde van gemanipuleerd via Select2 voor Jquery gebruiken of vice versa.

Verdere voorbeelden van 'The Basics' is te vinden in de Select2 GIT documentatie hier

Select2 GIT-project is hier . Ga naar de Select2 Github-site voor meer informatie over dit product.

De geselecteerde elementen van de vervolgkeuzelijst Select2 wissen.

Om de selectie van de waarden te wissen die zijn geselecteerd met behulp van een vervolgkeuzelijst Select2 , kunnen we de functie empty () gebruiken.

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

De vervolgkeuzelijst kan worden gereset met Jquery.

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

Het kan ook worden gereset zoals hieronder.

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