Teclear búsqueda en DropDownList con autocompletado

 Al utilizar un DropDownList para buscar palabras solo podemos hacerlo al presionar una letra y el control se posicionará en la primera palabra que comience con la letra tecleada, pero si queremos ir tecleando letra por letra y que se visualicen todas las coincidencias podemos hacerlo con Select2.js.

Select2 es una librería de JavaScript que nos permiten cambia la funcionalidad de los elementos SELECT en HTML, podremos hacer algo como esto:

Para el ejemplo crearemos una WebForm con la siguiente estructura:

Llamaremos las librerías de Bootstrap, el archivo myStyle.css (del post), jquery y select2.

La clase js-example-placeholder-single debe estar en el CssClass del DropDownList.

Dentro del código llamaremos la base de datos y la tabla del post:

Llenaremos el DropDownList con la información de la tabla catalogo_ubicacion.

Cuando se seleccione algún registro se guardarán los datos en los Labels.

Puedes ver el ejemplo en línea: Mapas (somee.com)