| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
Programación  
  • C /C + + Programming

  • Lenguajes De Programación

  • Delphi Programación

  • Programación Java

  • JavaScript Programación

  • Programación PHP /MySQL

  • Perl Programming

  • Python Programming

  • Rubí Programación

  • Visual Basics Programación
  •  
    Conocimientos Informáticos >> Programación >> JavaScript Programación >> Content
    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.

    Previous :

    next :
      Artículos relacionados
    ·Cómo crear XLS con JavaScript 
    ·Javascript Timer Tutorial 
    ·¿Por qué es Guión ralentizando mi PC de Down 
    ·Cómo editar una carta en Acajoom 
    ·Cómo instalar el Facebook JavaScript SDK 
    ·Cómo quitar caracteres Minus y Plus en Javascript 
    ·Cómo dividir una cadena en JavaScript 
    ·Cómo utilizar una sentencia condicional en jQuery 
    ·Cómo bloquear Ie6 
    ·Diferencia entre onbeforeunload y OnUnload 
      Artículos destacados
    ·Protocolos Eyecatcher 
    ·Cómo analizar una cadena de entrada para contar cartas…
    ·Cómo implementar índice posicional Usando Python 
    ·Cómo comprobar la versión de tiempo de ejecución Jav…
    ·¿Cómo para aclarar una imagen en Python 
    ·Tutorial de SQL en VB 
    ·Tutorial Visual Basic --- Cómo escribir códigos 
    ·Cómo convertir un número en una cadena de JavaScript 
    ·Códigos Dividir cadenas Java 
    ·Cómo pasar datos entre documentos de Word con VBA 
    Copyright © Conocimientos Informáticos http://ordenador.wingwit.com