enkele select boxes
Select2 is ontworpen als vervanging voor de standaard <select> doos die wordt weergegeven door de browser. Standaard ondersteunt het alle opties en bewerkingen die beschikbaar zijn in een standaard select box, maar met extra flexibiliteit.
Select2 kan een normaal selectiekader als dit nemen…
en zet het in dit…,
<select class="js-example-basic-single" name="state"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option></select>Select2 zal zichzelf registreren als een jQuery functie als u een van de distributie builds gebruikt, dus u kunt .select2() aanroepen op elke jQuery selector waar u Select2 wilt initialiseren.
// In your Javascript (external .js resource or <script> tag)$(document).ready(function() { $('.js-example-basic-single').select2();});De DOM niet veilig kan worden gemanipuleerd tot het is “klaar”., Om er zeker van te zijn dat uw DOM klaar is voordat de browser het Select2-besturingselement initialiseert, wikkel uw code in een
$(document).ready()blok. Er is slechts één$(document).ready()blok nodig per pagina.
Multi-vakken (bunker)
Select2 ondersteunt ook multi-waarde vakken. De onderstaande selectie wordt gedeclareerd met het multiple attribuut.
In uw HTML:
Geef een reactie