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

jquery-select2Iniziare con jquery-select2


Osservazioni

Questa sezione fornisce una panoramica di cosa sia jquery-select2 e perché uno sviluppatore potrebbe volerlo usare.

Dovrebbe anche menzionare eventuali soggetti di grandi dimensioni all'interno di jquery-select2 e collegarsi agli argomenti correlati. Poiché la documentazione di jquery-select2 è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati.

Versioni

Versione Link alle note di rilascio Data di rilascio
4.0.3 (corrente) 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
** Le versioni precedenti possono essere trovate su: Select2 / rilasci 2015/08/20

Jquery - Select2 Installazione e configurazione

Puoi includere / installare Select2 in uno dei due modi

  1. Utilizzare direttamente CDN nel progetto sotto la sezione principale del progetto.

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. Scarica il codice sul tuo computer locale e includilo nel tuo progetto. Dovrebbe sembrare come questo inserisci la descrizione dell'immagine qui

Quindi includi queste linee nella sezione principale della tua pagina html

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

Nota: è necessario che Jquery sia incluso nel progetto affinché Select2 funzioni correttamente.

PITFALL: se la versione corrente di jquery e Select2 sono in conflitto o le funzionalità di Select2 non funzionano. Quindi sposta le variabili select2 e le implementazioni nel blocco separato del corpo del documento $ (document) .ready (function () {// your select2 code .....});

Come si usa: puoi definire un <select> come segue:

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

Approach1:

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

Approach2:

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

Si noti che con questo approccio tutto il controllo di selezione "selezionato" ereditato erediterà le funzionalità di Select2. Se si desidera utilizzare Select2 solo per determinati controlli, saltare questo passaggio e scrivere il proprio codice per utilizzare la funzione select2 direttamente e la funzione jquery / javascript separatamente per altri controlli di selezione. Tuttavia, è possibile utilizzare il valore di manipolato tramite Select2 per Jquery o viceversa.

Ulteriori esempi di "The Basics" sono disponibili nella documentazione di Select2 GIT qui

Select2 Il progetto GIT è qui . Si prega di passare attraverso il sito Select2 Github per le funzionalità di dettaglio di questo prodotto.

Per cancellare gli elementi selezionati del menu a discesa Select2.

Per cancellare la selezione di quei valori che sono selezionati usando un Select2 discesa Select2 , possiamo usare la funzione empty ().

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

Il menu a discesa può essere ripristinato utilizzando Jquery.

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

Può anche essere resettato come di seguito.

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