 |
|
||||
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: 8982 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:
<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">
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 |
|
C# - Como ordenar alfabeticamente os itens de uma ListBox do C# Windows Forms usando a propriedade Sorted |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
