HTML opció elem létrehozása a JavaScript opcióval() konstruktor

a kevéssé ismert JavaScript opció() konstruktor lehetővé teszi, hogy elkerülje a Dom elemek

Mindannyian szeretjük a jQuery-t. A könyvtár számos fantasztikus tulajdonsága között szerepel az a képesség, hogy könnyen létrehozhat DOM elemeket, és elhelyezheti őket a dokumentumban a natív JavaScript normál bőbeszédű szintaxisa nélkül.

de van egy kevéssé ismert jellemzője a JavaScriptnek, amely lehetővé teszi az opcióelemek létrehozását meglehetősen minimális erőfeszítéssel. Ez a funkció az opció () konstruktor. A szintaxis egyszerű:

  1. kérjen hivatkozást egy
  2. form elemre a konstruktor példányosítása és a Visszaadott objektum társítása a
  3. form elemhez a példányosítás során, adja át a következő argumentumokat: 1) A szöveg látható az oldalon , 2) az érték a vezérlő , 3) Ha ez az alapértelmezett kijelölés, és ha van kiválasztva

példa # 1

a példa # 1, van egy egyszerű formában, amely magában foglalja a select vezérlő. A jelölésben három lehetőség van:” hétfő”,” kedd “és”szerda”. A JavaScript futtatásakor a következő műveletek történnek:

  1. kapunk egy hivatkozást a select controls (“w”)
  2. töröljük az összes opciót elemek (w.length = 0)
  3. objektumok tömbjét hozzuk létre, amelyek mindegyike két tulajdonsággal rendelkezik (“d”)
  4. végigjárjuk a tömböt, és minden tömb elemhez dinamikusan létrehozunk egy új select elemet az objektum “text” és “val” tulajdonságainak felhasználásával. Minden esetben az utolsó két argumentum: “false”, “false” azt jelenti, hogy ez az új elem nem lesz az alapértelmezett, és nem is lesz kiválasztva.

és ennyi!

Összegzés

a kevéssé ismert Option() konstruktor használható új HTML opció elemek létrehozására. Így, attól függően, hogy hogyan választja ezt a megközelítést, írhat néhány elég hatékony kódot, amely oldalra lép a dokumentum általában részletes szintaxisával.createTextNode(), dokumentum.createElement () és document.appendChild () módszerek.

hasznos linkek a JavaScript opcióhoz () konstruktor

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.

More: