Tutorial para el uso de AJAX para un DropDownList para un cuadro de texto

AJAX es una aplicación de Microsoft que permite a los programadores para mejorar los sitios web a través de formas y aplicaciones. A veces, una lista desplegable para la selección del usuario cumple mejor las necesidades de su sitio web en lugar del usuario que entra en un universo ilimitado de opciones en un cuadro de texto vacío. Puede utilizar AJAX para desarrollar una lista desplegable de un cuadro de texto.

Instrucciones

1 Crear su cuadro de texto escribiendo el comando: <asp: TextBox ID = "txtTitle" runat "server" />.

2 Crear su cuadro de lista escribiendo el comando utilizando las especificaciones particulares de su sitio web y la lista deseada: <asp: ListBox ID = "1stTitles" funcionan a = "servidor"
Height = "100"
Width = "100"

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

3 Introducir todos los comandos de lista como elementos de la lista desplegable.

4 Crear un DropDownExtender con el comando: <ajaxToolkit: DropDownExtender runat = "server" ID = "DDE".

5 Establecer la TargetControlID, que es la identidad del control al que se va a añadir un menú desplegable, a la identidad del cuadro de texto con el comando:
TargetControlID = "TxtTitle".

6 Ajuste el DropDownControlID, que es la identidad del control que se muestra como el menú desplegable, a la identidad de la lista con el comando: DropDownControlID = "1stTitles".
/>.

7 Aplicar JavaScript para TextBox y ListBox para que pueda añadir su ListBox a su cuadro de texto con el comando: protected void Página + Carga (remitente del objeto, EventArgs e)
{

if (!IsPostBack)
{

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

}

{

8 Cree la función onClick con el comando:, script type = "/ javascript texto" language = "javascript">
Función setText (nuevoValor)
{

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

}
</ Script>

9 Ejecutar su caída recién creada lista de abajo.