Single select box
Select2 è stato progettato per essere un sostituto per lo standard<select> scatola che viene visualizzato dal browser. Per impostazione predefinita supporta tutte le opzioni e le operazioni disponibili in una casella di selezione standard, ma con maggiore flessibilità.
Select2 può prendere una normale casella di selezione come questa…
e trasformarlo in questo…,
<select class="js-example-basic-single" name="state"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option></select>Select2 si registrerà come funzione jQuery se si utilizza una delle build di distribuzione, quindi è possibile chiamare .select2() su qualsiasi selettore jQuery in cui si desidera inizializzare Select2.
// In your Javascript (external .js resource or <script> tag)$(document).ready(function() { $('.js-example-basic-single').select2();});DOM non può essere manipolato in modo sicuro fino a quando non è “pronto”., Per assicurarsi che il DOM sia pronto prima che il browser inizializzi il controllo Select2, avvolgere il codice in un blocco
$(document).ready(). È necessario un solo blocco$(document).ready()per pagina.
Multi-select (portapillole)
Select2 supporta anche il multi-valore caselle di selezione. La selezione qui sotto è dichiarata con l’attributomultiple.
Nel tuo HTML:
Lascia un commento