Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como limpar um drop-down em JQuery
Usando seletores e a função vazio jQuery, é simples de escrever o código que você precisa para limpar um menu drop -down. JQuery é uma fonte aberta biblioteca JavaScript lançado pela primeira vez em 2006, com atualizações regulares desde a adicionar novas funcionalidades. JQuery torna mais fácil para criar complexas interações em uma página da Web com uma quantidade mínima de código, usando seletores de abordar qualquer elemento na página. Nos bastidores, jQuery transforma o simples código curto para o código mais complexo necessário para realizar a tarefa solicitada . Instruções
1

Abra um navegador da Web e vá para o site do jQuery ( jquery.com ) . Selecione a versão mais recente de produção utilizando as caixas de seleção no canto superior direito da página inicial jQuery. Clique no botão "Baixar jQuery " e salve o arquivo em um diretório dentro da cópia local do seu site. Carregar o arquivo jQuery para o seu servidor Web utilizando uma aplicação FTP.
2

Abra um editor de texto ou aplicação web design e criar uma nova página HTML. Adicione a seguinte linha entre o " " HTML e " " etiquetas no topo da página para incluir a biblioteca jQuery.

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

Altere o caminho no atributo src script para coincidir com o nome do diretório em seu servidor, ea versão do jQuery que você baixou.

3

Adicione o seguinte código entre o " " HTML e " " etiquetas .



< valor da opção = "1" > 1



< input type = nome de " botão " = " clear- suspenso " id = "clear - suspenso " value = " Clear" />


Isso adiciona um formulário HTML à página que contém um menu drop -down com duas opções de exemplo. O formulário também contém um botão que o usuário pode clicar para limpar o menu drop -down
4

Adicione o seguinte código dentro da tag HTML de entrada para o botão , após o atributo de valor: .

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

JavaScript é executado quando o visitante clica no botão, usando os botões de evento onclick . A primeira parte do código antes do período de referência o menu drop -down com o myDropdown id, usando o sistema de seletor jQuery. A função vazia jQuery remove todos os nós filhos do elemento selecionado. Isso remove todas as opções aninhadas na marca de seleção para o drop-down com o myDropdown id, limpar imediatamente o menu drop -down.
5

Salve a página como exemplo.htm e salvar à raiz diretório do site. Envie a página para o servidor Web usando um aplicativo de FTP, e em seguida, abra a página em seu navegador. Inicialmente, o menu drop -down contém as duas opções de exemplo. Clique no botão "Limpar " para limpar o menu drop -down.

Anterior :

Próximo : No
  Os artigos relacionados
·Como usar o JW Player com MP4 
·Como escrever para cookies do PageContext JSP 
·Framesets corretos para JavaScript 
·Como adicionar vários números Usando JavaScript 
·Como fazer um Applet no NetBeans 
·Como remover um manipulador de eventos em TinyMCE 
·Como exibir Aleatórias Javascript Snippets 
·Como fazer um JavaScript Carrinho de Compras 
·Como criar um gráfico de pizza em JSP usando JFreeChar…
·JavaScript como um código do lado do servidor para o A…
  Artigos em destaque
·Qual é a diferença entre Java e J2EE 
·Como procurar uma lista encadeada de elementos em C + +…
·. Como definir valores de formulário em um aplicativo …
·Como alterar a ordem das colunas de DataGrid 
·Como escrever um programa Java para estimar sua idade e…
·Diferença entre gramática regular e ao contexto grát…
·Como substituir uma palavra em uma frase em Java 
·Como usar o Drools Com Groovy 
·Contagem regressiva Tutorial em Java 
·Como verificar status da impressora usando Java 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados