JavaScript é uma linguagem que é amplamente utilizada para alterar interfaces com o usuário de forma dinâmica. Usando JavaScript , os desenvolvedores da Web podem acessar os elementos que fazem parte do modelo de objeto de documento HTML , identificando diretamente , avaliar e manipular os elementos que compõem as páginas HTML . Elementos DOM HTML são simplesmente elementos HTML e têm uma variedade de atributos normalmente disponíveis . Estes atributos , incluindo os atributos de visibilidade , podem ter seus valores alterados de forma dinâmica, adicionados ou excluídos com base nas ações tomadas pelo usuário final , como selecionar um valor a partir de um menu drop -down. Instruções
1

Abra um editor de texto e criar um novo arquivo de texto chamado dropdownHidden.html . Normalmente, selecionando " New " no menu "File" cria novos arquivos .
2

Adicione algumas tags HTML básicas para o arquivo , incluindo um tag , uma tag , a < /head> tag, uma tag , um tag e uma tag .
3

Adicione um marca para o arquivo . Definir tipo de atributo do script de "text /javascript ". Qualquer texto colocado entre estes dois delimitadores serão considerados código JavaScript quando a página é carregada
4

Declarar uma função JavaScript chamada " storeVal ()" e adicione um chaveta aberta - . { - E uma fechar chaveta -} - para indicar a localização do corpo da função. A função storeVal não tem argumentos .
5

Declare uma variável chamada " hiddenId " entre o storeVal ( ) chaves de abertura e fechamento da função. Use o método JavaScript document.getElementById para recuperar a localização de um campo de entrada escondido com o id " hiddenField " .
6

Declare uma segunda variável com o nome " dropDownId " na linha após a variável hiddenId . Use o método document.getElementById para recuperar a localização do menu drop -down que será usado para preencher o campo de entrada escondido.
7

Declare uma terceira variável chamada " selectedElement " na linha após a variável dropDownId . Use a referência dropDownId para recuperar o índice do item selecionado a partir do menu drop-down.
8

Defina o " hiddenId " "valor" da variável para a variável " selectedElement " . Adicione este código na linha após a variável selectedElement .
9

Criar um menu drop -down HTML , colocando uma tag entre o e em dropdownHidden.html . Dê a tag um valor de "id" do " dropdown " . Use um evento " onClick " para chamar a função storeVal quando o usuário seleciona um item do menu drop -down. Atribuir uma etiqueta ao menu com um valor de " A" . Rotular o tag "A" e fechar a tag . Atribuir um segundo tag ao menu com um valor de "B". Rotular o tag "B" , feche a tag e fechar a tag < /select> .
10

Adicione uma tag HTML para o arquivo imediatamente após a tag < /select> . Dê a marca um atributo do tipo "escondida" eo id " hiddenField " . Salve e feche dropdownHidden.html . DropdownHidden.html aparecerá como mostrado abaixo: