• 
  

  tutorial för inställning combobox.length i JavaScript

  
  

HTML Comboboxes är några av de mest användbara kontroller på en webbsida . Dessa kontroller ger besökare möjlighet att visa och välja objekt från listrutorna . Även comboboxes utgångsläget har en fast längd , kan du ändra dynamiskt så lång genom att lägga till och ta bort objekt . Du kanske har sett den här processen i aktion när du tittar comboboxes att ändra deras innehåll som du skriver . hjälp av JavaScript kan du enkelt ändra storlek och innehåll för alla dina ComboBox kontroller

Du behöver :
Öppna din HTML-redigerare eller Anteckningar och skapa ett nytt HTML -dokument.
.


Instruktioner


1
Skapa ett HTML-formulär och lägga till följande kodblock :






alternativ 1
alternativ 2



Detta kommer att skapa två knappar och en combobox som heter " myComboBox " . Detta kombinationsrutan kommer inledningsvis att ha två poster: Item1 och item2 . Knapparna kommer att kalla JavaScript-funktioner när du klickar . Dessa JavaScript-funktioner kommer sedan ändra längden på kombinationsrutan genom att lägga till eller ta bort objekt
2
Lägg till följande JavaScript- funktionen till " script "i HTML : . .

funktion ökning () {
newItems=array ( " new1 " , " New2 " ) ;
var mycombo=document. getElementById ( " myCombobox " )
for (var i=0 ; i var opt=dokument . createElement ( "alternativ " ) ;
opt. setAttribute ( " värde " , newItems [ i ] ) ;
opt. innerHTML=newItems [ i ] ;
document. forms [0 ] element . [ " myComboBox " ] appendChild ( opt ) .
} }

När du klickar på "Öka " knappen, kommer denna funktion lägger dynamiskt de två array objekt till kombinationsrutan . Fylla denna array med värden som är meningsfulla för dig . Denna array , till exempel , kan bestå av nya objekt som en besökare har valt att köpa . Genom att lägga dessa poster i arrayen och anropa den här funktionen kan du uppdatera din combobox för att återspegla besökarens nuvarande lista varukorgen . .
3
Lägg till denna " sänkning " funktion till " script "i din HTML :

funktion minska () {
numberToRemove=1 ;
var myCombo=document. getElementById ( " myCombobox " ) ;
for (var i=0 ; i var itemCount=myCombo. size ,
myCombo. remove ( myCombo. itemCount ) ,
} }


Denna funktion kommer att minska längden på kombinationsrutan genom att ta bort poster från slutet av förteckningen över poster. Det värde som du anger i " numberToRemove " kommer att avgöra antalet objekt att ta bort .
4 .
Öppna HTML-sidan i din webbläsare och klicka på knapparna för att testa din kod . Klicka på " Öka " för att lägga till objekt i kombinationsrutan , klicka på " Minska " för att ta bort dem . Längden ( storleken) på kombinationsrutan kommer aldrig vara mindre än noll .


tips och varningar




Du behöver inte använda knappen klick för att ringa " öka " och " minska " JavaScript-funktioner . Alla händelser kan ringa dessa funktioner och initiera " newItems " array . Lägg tomma objekt i arrayen för att lägga till tomma objekt i kombinationsrutan .

Previous：nothing Next：hur man skapar en asp.net webbsida

Relaterade artiklar