criar um elemento de opção HTML usando a opção JavaScript() Construtor

a opção pouco conhecida JavaScript () construtor permite-lhe evitar a sintaxe verbosa de criar elementos DOM

todos adoramos jQuery. Entre as muitas qualidades impressionantes desta biblioteca está a capacidade de facilmente criar elementos DOM e colocá-los no documento sem a sintaxe normalmente descritiva do JavaScript nativo.

mas há uma característica pouco conhecida do JavaScript que lhe permite criar elementos de opção com um esforço mínimo. Esta característica é a opção() construtor. A sintaxe é simples:

1. obter uma referência a um elemento de forma
2. instanciar o construtor e associar o objecto devolvido com o elemento de forma
3. durante a instanciação, passar-nos seguintes argumentos: 1) o texto mostrado na página , 2) o valor do controle , 3) se é a seleção padrão e, se for selecionado

Exemplo 1

No Exemplo 1, temos um formulário simples que inclui um controle de seleção. Na marcação há três opções:” segunda-feira”,” Terça-feira “e”quarta-feira”. Quando o JavaScript é executado, as seguintes ações ocorrem:

1. obtemos uma referência aos controles seletos (“w”)
2. eliminamos todos os elementos de opção (w.comprimento = 0)
3. Vamos criar um array de objetos, cada um com duas propriedades (“d”)
4. Nós percorrer a matriz e, para cada elemento da matriz, criar dinamicamente um novo elemento select, usando o objeto “texto” e “val” propriedades”. Em cada caso, os dois últimos argumentos: “falso”,” falso ” significa que este novo elemento não será o padrão, nem será selecionado.E pronto!

   Summary

   the little-known Option() constructor can be used to create new HTML option elements. Então, dependendo de como você escolhe para abordar isso, você pode escrever algum código bastante eficiente que lado-Pisa a sintaxe normalmente descritiva do documento.createTextNode (), document.createElement () e document.appendChild () methods.

   ligações úteis para a opção JavaScript () construtor