Cómo borrar una lista desplegable en jQuery

El uso de selectores y la función de vacío jQuery , es fácil de escribir el código necesario para borrar un menú desplegable. JQuery es una biblioteca de JavaScript de código abierto lanzado por primera vez en 2006 , con actualizaciones periódicas desde entonces a añadir nuevas funcionalidades . JQuery hace que sea fácil de crear interacciones complejas en una página Web con una cantidad mínima de código , utilizando selectores de hacer frente a cualquier elemento de la página . Detrás de las escenas , jQuery convierte el código simple y breve en el código más complejo necesario para realizar la tarea solicitada. Instrucciones
1

Abra un navegador Web y vaya a la página web de jQuery ( jquery.com ) . Seleccione la versión más reciente producción utilizando las casillas de verificación en la parte superior derecha de la página jQuery. Haga clic en el botón "Descargar jQuery " y guarde el archivo en un directorio en la copia local de su sitio web. Sube el archivo de jQuery para el servidor Web utilizando una aplicación FTP.
2

Abra un editor de texto o de diseño web y de crear una nueva página HTML. Agregue la siguiente línea entre el " head " HTML " y " etiquetas en la parte superior de la página para incluir la biblioteca jQuery

< script type = "text /javascript" . src = " /jquery/jquery-1.6.2.min.js ">

Cambie la ruta en el atributo src script para que coincida con el nombre del directorio en el servidor, y la versión de jQuery que ha descargado .
Página 3

Añada el siguiente código entre el código HTML " " y " " etiqueta.

< formulario name = " myForm " id = método " myForm " = "post" action = "" >

< valor de la opción = " 1 " > 1 < /option>

value="2"> 2

< /select >

< input type = nombre de " botón" = id " clara desplegable " = valor " clara desplegable " = "Borrar " />

< /form>

Esto agrega un formulario HTML a la página que contiene un menú desplegable con dos opciones de ejemplo. El formulario también contiene un botón que el usuario puede hacer clic para borrar el menú desplegable
4

Agregue el siguiente código dentro del tag HTML input para el botón, después de que el atributo de valor : .

onclick = "$ ( '# myDropdown ' ) empty (); ".

ejecuta este JavaScript cuando el visitante hace clic en el botón , usando los botones onclick evento. La primera parte del código antes de las referencias período en el menú desplegable con el id myDropdown , utilizando el sistema selector de jQuery. La función vacía jQuery elimina todos los nodos hijos del elemento seleccionado. Esto elimina todas las opciones anidadas dentro de la etiqueta de selección de la lista desplegable con el id myDropdown , inmediatamente limpiar el menú desplegable.
5

Guarde la página como example.htm y guardar en la raíz directorio de la página web . Cargue la página en el servidor Web utilizando una aplicación FTP y , a continuación, abra la página en el navegador. Inicialmente , el menú desplegable contiene las dos opciones ejemplo . Haga clic en el botón " Borrar" para borrar el menú desplegable.