Opplæring for bruk av AJAX for en Dropdown for en tekstboks

AJAX er et Microsoft-program som lar programmerere å forbedre nettsteder gjennom skjemaer og søknader. Noen ganger kan en nedtrekksliste for brukervalg oppfyller bedre behovene til nettstedet ditt i stedet for at brukeren oppgir i en ubegrenset univers av muligheter i en tom tekstboks. Du kan bruke AJAX til å utvikle en nedtrekksliste for en tekstboks.

Bruksanvisning

1 Lag din tekstboksen ved å skrive kommandoen: <asp: TextBox ID = "txtTitle" runat "server" />.

2 Lag din listeboksen ved å skrive kommandoen ved hjelp av spesielle spesifikasjoner for ditt nettsted og ønsket liste: <asp: ListBox id = "1stTitles" kjøre på = "server"
Height = "100"
Width = "100"

<asp:ListItem Text=”One” Value=”One” />
<asp:ListItem Text=”Two” Value= “Two” />

3 Sett så mange kommandolisten som elementer på rullegardinlisten.

4 Lag en DropDownExtender med følgende kommando: <ajaxToolkit: DropDownExtender runat = "server" ID = "DDE".

5 Etablere TargetControlID, som er identiteten til kontrollen som du legger til en dropdown, til identiteten til TextBox med følgende kommando:
TargetControlID = "TxtTitle".

6 Sett DropDownControlID, som er identiteten til den kontrollen som skal vises som rullegardin, til identiteten til ListBox med følgende kommando: DropDownControlID = "1stTitles".
/>.

7 Påfør Javascript for å TextBox og ListBox slik at du kan legge til dine ListBox til TextBox med følgende kommando: beskyttet void Page + Load (objekt avsenderen, EventArgs e)
{

if (!IsPostBack)
{

1stTitles.Attributes.Add ( "onclick", "setText (this.options [this.selectedIndex] .Value);");

}

{

8 Lag onclick funksjon med følgende kommando:, script type = "text / javascript" language = "javascript">
Funksjon setText (nyVerdi)
{

document.getElementById(“,%=txtTitle.ClientID %>”).value = newValue;

}
</ Script>

9 Kjør den nyopprettede nedtrekkslisten.