tutorial til indstilling combobox.length i javascript

Indlæg af Jannik Riis     opdateret: 2011-09-09

HTML kombinationsfelterne er nogle af de mest nyttige kontrol på en webside . Disse kontroller giver besøgende på webstedet mulighed for at se og vælge elementer fra drop down listerne . Selv kombinationsfelter oprindeligt have en fast længde , kan du dynamisk ændre denne længde ved at tilføje og slette poster . Du har måske set denne proces i aktion , når du ser kombinationsfelter at ændre deres indhold , som du skriver . Ved hjælp af JavaScript , kan du nemt ændre størrelsen og indholdet af alle dine ComboBox kontrol

Du skal bruge:
Åbn din HTML -editor eller notepad , og oprette et nyt HTML-dokument .
.

Instruktioner


1
Oprette en HTML- formular og tilføje følgende kode blokken :






Det vil skabe to knapper og en ComboBox navnet " myComboBox " . Denne kombo-felt , vil indledningsvis have to elementer : Konto1 og Konto2 . Knapperne vil kalde JavaScript- funktioner , når der klikkes . Disse Javascript funktioner vil derefter ændre længden af den ComboBox ved at tilføje eller slette emner
2
Tilføj følgende JavaScript- funktion til " script "i din HTML : .

funktion stigning ( ) {
newItems=Array ( " new1 " , " new2 " ) ;
var mycombo=document. getElementById ( " myCombobox " )
for ( var i=0 , jeg var opt=dokument . createElement ( " option " ) ;
opt. setAttribute ( 'værdi' , newItems [ i ] ) ;
opt. innerHTML=newItems [ i ] ;
document. forms [ 0 ] elementer . [ " myComboBox " ] AppendChild ( opt ) .
} }
Når du klikker på " Forøg " knappen , vil denne funktion dynamisk føjer de to array elementerne til kombinationsfelt . Befolke dette array med værdier , der er meningsfulde for dig . Dette array , for eksempel bestå kunne af nye elementer, som en besøgende på webstedet har valgt til køb . Ved at tilføje disse elementer til arrayet og kalder denne funktion , kan du opdatere din kombinationsfeltet for at afspejle den besøgendes aktuelle liste over indkøbsvogn poster . .
3
Tilføj denne "fald "-funktion til " script "i din HTML :
funktion fald ( ) {
numberToRemove=1 ;
var myCombo=document. getElementById ( " myCombobox ")
for ( var i=0 ; i var itemCount=myCombo. size ;
myCombo. remove ( myCombo. itemCount ) ;
}
}
Denne funktion vil reducere længden af ComboBox ved at fjerne elementer fra slutningen af det emne listen . Den værdi, du angiver i " numberToRemove " vil bestemme antallet af elementer, der skal fjerne .
4 .
Åbn HTML-side i din browser og klikke på knapperne for at teste din kode . Klik på " Forøg " for at tilføje punkter til kombinationsfeltet , klik på " Reducer "for at fjerne dem . Længden ( størrelsen) af de ComboBox vil aldrig være mindre end nul .

gode råd og advarsler


  • Du behøver ikke at bruge knappen klikker at kalde "en forøgelse " og " fald " JavaScript-funktioner . Enhver begivenhed kan kalde disse funktioner og initialisere " newItems " array . Tilføj tomme elementer til array til at tilføje tomme elementer til kombinationsfelt .


  • Previous:hvordan man åbner den Inspiron 640 laptop Next:hvordan man kan konvertere timer til sekunder i java



     

    Kommentarer

    Code:
    change