 |
|
|
|
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object |
Como excluir a opção selecionada em um elemento HTML selectQuantidade de visualizações: 9143 vezes |
Dependendo do objetivo de nosso código JavaScript, pode ser necessário remover a opção selecionada em um elemento HTML select. Isso pode ser feito por meio do método remove() da coleção options, que representa todas as opções do elemento select. Este método recebe o índice da opção a ser excluída. Como queremos excluir a opção selecionada, só precisamos fornecer ao método o valor da propriedade selectedIndex. Veja: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<html>
<head>
<title>Estudos JavaScript</title>
<script type="text/javascript">
function excluirOpcaoSelecionada(){
// vamos obter o elemento select
var elem = document.getElementById("cidades");
// vamos obter o índice da opção selecionada
var indiceSelecionada = elem.options.selectedIndex;
// vamos excluir a opção selecionada
if(elem.options.remove){
// Internet Explorer, Safari, Opera, Google Chrome
elem.options.remove(indiceSelecionada);
}
else{ // Firefox
elem.remove(indiceSelecionada);
}
}
</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="excluirOpcaoSelecionada()">Excluir a opção selecionada
no elemento select</button>
</body>
</html>
Note que o Firefox (testado na versão 3.6) não suporta o método remove() da coleção options mas sim o método remove() do próprio objeto select. Desta forma tivemos que fazer um pequeno desvio na função excluirOpcaoSelecionada(). O método remove() da coleção options está definido no World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1. 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 |
|
Python - Python para iniciantes - Como inserir uma determinada quantidade de espaços à direita de uma string |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
