Det lite kjente JavaScript-Alternativet () constructor lar deg unngå den verbose syntaksen for å lage DOM-elementer
Vi elsker alle jQuery. Blant de mange fantastiske egenskapene til dette biblioteket er muligheten til enkelt å lage DOM-elementer og plassere dem i dokumentet uten den normalt verbose syntaksen til innfødt JavaScript.
Men Det er en lite kjent funksjon Av JavaScript som lar deg lage alternativelementer med ganske minimal innsats. Denne funksjonen Er Alternativet () konstruktor. Syntaksen er enkel:
- Få en referanse til et skjemaelement
- Instansiere konstruktøren og knytte det returnerte objektet med skjemaelementet
- under instansiering, pass inn følgende argumenter: 1) teksten som vises på siden, 2) verdien av kontrollen, 3) hvis det er standardvalg og hvis det er valgt
Eksempel # 1
I Eksempel # 1 har vi et enkelt skjema som inkluderer en select-kontroll. I markeringen er det tre alternativer: «mandag», «tirsdag» og «onsdag». Når JavaScript kjører, skjer følgende handlinger:
- Vi får en referanse til select controls («w»)
- vi sletter alle alternativelementene (w.lengde = 0)
- vi lager en rekke objekter, hver med to egenskaper («d»)
- vi går gjennom arrayet og for hvert arrayelement oppretter vi dynamisk et nytt select-element, ved hjelp av objektets «tekst» og «val» egenskaper. I hvert tilfelle betyr de to siste argumentene: «false»,» false » at dette nye elementet ikke vil være standard, og det vil heller ikke bli valgt.
Og det er det!
Sammendrag
den lite kjente Option () constructor kan brukes til å lage NYE HTML-alternativelementer. Så, avhengig av hvordan du velger å nærme seg dette, kan du skrive noen ganske effektiv kode som sidesteg den normalt verbose syntaksen til dokumentet.createTextNode (), dokument.createElement () og dokument.appendChild () metoder.
Nyttige Lenker For JavaScript-Alternativet () konstruktør