Single select boxes
Select2 designades för att vara en ersättning för standard <select>
rutan som visas av webbläsaren. Som standard stöder alla alternativ och operationer som finns i en standardvalsruta, men med extra flexibilitet.
Select2 kan ta en vanlig valruta så här…
och förvandla det till detta…,
<select class="js-example-basic-single" name="state"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option></select>
Select2 registrerar sig som en jQuery-funktion om du använder någon av distributionsbyggnaderna, så att du kan ringa.select2()
på någon jQuery-väljare där du vill initiera Select2.
// In your Javascript (external .js resource or <script> tag)$(document).ready(function() { $('.js-example-basic-single').select2();});
dom kan inte manipuleras säkert tills den är ”klar”., För att se till att din DOM är klar innan webbläsaren initierar Select2-kontrollen, linda in koden i ett
$(document).ready()
– block. Endast ett$(document).ready()
– block behövs per sida.
Multi-select rutor (pillbox)
select2 stöder också flera värdeval rutor. Välj nedan deklareras med attributetmultiple
.
i HTML:
Lämna ett svar