Originariamente inviata da
Dascos
Il plugin lo trovi su
https://github.com/select2/select2/releases
Una volta capito come funziona, diventa facile da usare e customizzare....se hai più selectbox ti conviene renderle Select2 usando delle variabili js, del tipo
codice:
function rendiSelectDinamica(div_name){
$("#" + div_name).select2( .... );
}
function recuperaSelectDinamica(div_name){
return $("#" + div_name);
}
la seconda funzione poi la puoi usare, per esempio, per "annullare" le selezioni
codice:
recuperaSelectDinamica('primaSelect').val(null).trigger('change');
Ho implementato e funziona.
Ho due problemi.
1) Poniamo di avere questa select:
codice:
<select class="miaselect">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
al caricamento della pagina eseguo:
codice:
$('.miaselect').select2();
Ora, ho la necessità di clonare la select, quindi mi ritrovo con il codice html:
codice:
<select class="miaselect">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<select class="miaselect">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
La prima select funziona la seconda no perché ovviamente il comando:
codice:
$('.miaselect').select2();
l'ho eseguito al caricamento della pagina quando ancora non esisteva la seconda select, l'ho aggiunta dinamicamente, gli eventi registrati valgono solo per la prima select.
Dovrei prima di clonare l'elemento annullare tutte le select2, clonare l'elemento e lanciare nuvamente il comando:
codice:
$('.miaselect').select2();
É possibile annullare tutte le select, in modo che ritornino normali.
2) Perché si vede cosi piccola la select? Utilizzo boostrap e la select occupa adesso la meta in altezza rispetto a prima.
Grazie,
Roberto
Rispondi quotando