 |
|
|
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object |
Como excluir todas as opções (elementos option) de um elemento HTML selectQuantidade de visualizações: 12587 vezes |
|
Em algumas situações nós precisamos limpar um elemento HTML select, ou seja, excluir todas as opções disponíveis no controle. Para isso podemos usar a propriedade length da coleção options, que representa todas as opções do controle select. Como o JavaScript nos permite usar a propriedade length para redimensionar uma matriz em tempo de execução, só precisamos ajustar o valor da propriedade length da coleção options para o valor 0 (zero). Veja:
<html>
<head>
<title>Estudos JavaScript</title>
<script type="text/javascript">
function limparSelect(){
// vamos obter o elemento select
var elem = document.getElementById("cidades");
// vamos excluir todas as opções
elem.options.length = 0;
// vamos obter a quantidade de opções no select
var quant = elem.options.length;
// vamos exibir o resultado
window.alert("O elemento select contém " + quant + " opções.");
}
</script>
</head>
<body>
<form name="form1">
<select name="cidades" id="cidades">
<option value="5" selected="selected">Goiânia</option>
<option value="2">São Paulo</option>
<option value="7">Cuiabá</option>
</select>
</form>
<button onclick="limparSelect()">Excluir as opções
do elemento select</button>
</body>
</html>
Esta dica foi escrita e testada no Internet Explorer 8 e Firefox 3.6. |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
