puțin cunoscut JavaScript Option () constructor vă permite să evitați sintaxa verbose de a crea elemente DOM
noi toți iubim jQuery. Printre numeroasele calități minunate ale acestei biblioteci se numără abilitatea de a crea cu ușurință elemente DOM și de a le plasa în document fără sintaxa normală a JavaScript-ului nativ.
dar există o caracteristică puțin cunoscută a JavaScript care vă permite să creați elemente de opțiune cu un efort destul de minim. Această caracteristică este opțiunea() constructor. Sintaxa este simplă:
- obțineți o referință la un element de formular
- Instantiați constructorul și asociați obiectul returnat cu elementul de formular
- în timpul instantierii, treceți în următoarele argumente: 1) textul afișat în Pagină, 2) valoarea controlului , 3) dacă este selecția implicită și dacă este selectată
Example # 1
în exemplul # 1, avem un formular simplu care include un control select. În marcaj există trei opțiuni:” luni”,” marți „și”miercuri”. Când JavaScript rulează, au loc următoarele acțiuni:
- obținem o referință la select controls („w”)
- ștergem toate elementele opțiunii (w.length = 0)
- creăm o matrice de obiecte, fiecare cu două proprietăți („d”)
- ne buclăm prin matrice și pentru fiecare element de matrice, creăm dinamic un nou element select, folosind proprietățile „text” și „val” ale obiectului. În fiecare caz, ultimele două argumente: „false”,”false” înseamnă că acest element nou nu va fi implicit și nici nu va fi selectat.
și asta este!
rezumat
constructorul puțin cunoscut Option() poate fi folosit pentru a crea noi elemente de opțiuni HTML. Deci, în funcție de modul în care alegeți să abordați acest lucru, puteți scrie un cod destul de eficient care pasează lateral sintaxa verbose normală a documentului.createTextNode (), document.createElement () și document.appendChild () metode.
link-uri utile pentru JavaScript Option () constructor