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 .
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.