Vom vedea exemple de script-uri pentru a accesa proprietățile și metodele de SELECT și să lucreze cu o tratare a evenimentului SELECT onChange ().
Pentru a obține valoarea valoarea sau textul elementului selectat, trebuie să utilizați proprietatea selectedIndex SELECT care returnează un număr (a nu se confunda cu valoarea de valoare) care indică numărul de ordine al elementului selectat. numerotarea începe de la zero.
Dacă nici unul din numărul de -1 (minus unu) este returnat elemente nu au fost selectate.
În obiect OPȚIUNEA SELECT este un obiect ale cărui metode sunt folosite pentru a obține valoarea de etichete de text și valoarea cu textul valorii de oricare dintre elementele din listă SELECT.
Rețineți că obiectul SELECT nu are proprietăți selectați text și selectați valoare astfel încât aceste valori trebuie să fie tratate printr-o opțiune matrice.
Manipularea este după cum urmează:
Ce s-ar modifica valorile elementului text sau o valoare listă pentru ao precum intoarce o matrice OPTIUNI:
Acum putem scrie o funcție pentru valorile element selectat și de ieșire într-o cutie de alertă modal ():
Rețineți că, atunci când trimite datele din formular către serverul trimite valoarea valoarea elementului selectat.
Scrieți o funcție care, atunci când încărcare a paginii curente va lista elementul SELECT printr-o metodă selectată de opțiuni obiect. După executarea codului cu elementul curent ar valoare = 7.
Acum ia în considerare tratare a evenimentului funcționează numai SELECT onChange () în cazul în care celălalt element este selectat este diferit de cel curent.
Scrieți o dimensiune funcție (), care se va afișa numărul de elemente din listă utilizând proprietatea SELECT lungime (punctaj se realizează de la sol), și apoi curățați lista SELECT prin eliminarea tuturor elementelor sale. Și plasarea această funcție în onChange de tratare a evenimentelor ():
Luați în considerare unele dintre atributele SELECT specificate în standard, elementul Option
Atributul dezactivat face lista SELECT inactive de selectare interzise sau permise de articole.
Aceasta ar interzice selectarea selecta proprietății sale cu handicap - trebuie să fie setat la true este aceasta:
Aceasta ar permite re-selecție, în cazul în care el a fost refuzat, stabilit selectați Disabled în poziția de fals:
Uneori este necesar să se cunoască în ce poziție selectați atributul cu handicap, și dacă este disponibilă o listă de selecție.
Pentru a face acest lucru:
în cazul în care lista nu este disponibilă pentru selecție va returna true dacă atributul este disponibil fals
Lucrul cu SELECT exemplu arată astfel:
Ați putea fi, de asemenea, interesat în - crearea aferente sau SELECT liste dinamice