Slik bruker du en listeboks i en HTA

Du trenger ikke mange års erfaring med programmering for å lære hvordan du legger til en listeboks til en HTA. HTAs, også kjent som hypertekst-programmer, er Windows-programmer som kjører utenfor en nettleser på skrivebordet ditt. Bare dobbeltklikk en, og den utfører ved hjelp av HTML og Javascript-kode du oppgir. Opprette en liste bokskontroll inne i en HTA tilsvarer å legge en til en vanlig HTML-dokument.

Bruksanvisning

1 Åpne Notepad og kopiere teksten nedenfor inn i et nytt dokument:

<Html>
<Head>
<Title> List Box Test </ title>

<HTA: SØKNAD

ID=&quot;Listbox&quot;
APPLICATIONNAME=&quot;Listbox&quot;

</ Head>

Denne koden skaper en standard HTA header definisjon som lar deg skrive inn en tittel, ID og Application navn for HTA-programmet.

2 Lim inn følgende kode etter koden fra Trinn 1:

<Script language = "javascript" type = "text / javascript">
funksjon getSelectedItem (listeboksen) {

Var selectedItem;
Var listObj = document.getElementById (listeboksen);
Var alternativer = listObj.options;

if (listObj.selectedIndex> -1) {
Var selectedItem = alternativer [listObj.selectedIndex] .Value;
alert ( "Du velger" + selectedItem);
}

else {
selectedItem = "ingen";
alert ( "Velg en verdi");
}

}
</ Script>

Denne koden skaper en Javascript-funksjon som aksepterer den id verdien av et tekstfelt og får sin valgte elementet ved å sjekke listen boksens "selectedIndex" verdi som vist ovenfor.

3 Lag listeboksen ved å legge til følgende kode etter koden oppført i forrige trinn:

<Velg id = "MyListBox" size = "3">
<Option value = "Red"> Red </ option>
<Option value = "Blue"> Blå </ option>
<Option value = "Green"> Greens </ option>
</ Velge>
<Input type = "button" value = "Vis listeboks Selection" onclick = "return getSelectedItem ( 'MyListBox')" />

Denne HTML kode oppretter en grunnleggende velger element som har tre alternativ attributter. Hvert alternativ definerer et element som vises i listen. Legge til en størrelse attributt til en utvalgt id gjør det utvide og holde åpent. Dette gjør det ser ut som en liste. Knappen passerer velg id verdi til Javascript-funksjonen som er beskrevet tidligere.

Hint

  • Du trenger sannsynligvis mer enn tre elementer i listekontroll. Legg til flere elementer ved å legge til flere alternative utsagnene nedenfor de eksisterende. Etter å legge flere alternativer, kan du endre ved å velge størrelse verdi, slik at den er lik antall elementer i listeboksen.