Como removo itens de ou adiciono itens a uma caixa de seleção? Estou executando o jQuery, caso isso facilite a tarefa. Abaixo está um exemplo de caixa de seleção.
<select name="selectBox" id="selectBox">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>
javascript
jquery
html
html-select
Teifion
fonte
fonte
Você pode excluir o item selecionado com este:
Isso é útil se você tiver uma lista e não uma lista suspensa.
fonte
Para adicionar o item, eu criaria a segunda caixa de seleção e:
Não é o jQuery.
fonte
Para remover um item
Para adicionar um item
Para verificar uma opção
Para remover uma opção selecionada
fonte
Isso deve servir:
fonte
Acho que o plugin de manipulação da caixa de seleção do jQuery é útil para esse tipo de coisa.
Você pode remover facilmente um item por índice, valor ou regex.
Para remover todas as opções, você pode fazer
$("#myselect").removeOption(/./);
.fonte
Adicionando / removendo valor dinamicamente sem código físico:
// remove o valor de selecionar dinamicamente
// Adicione valor dinâmico para selecionar
fonte
Encontrei duas páginas que parecem úteis, escritas para o ASP.Net, mas o mesmo deve ser aplicado:
fonte
Os links a seguir serão úteis
http://api.jquery.com/remove/
http://api.jquery.com/append/
fonte
Apenas para aumentar isso para quem procura, você também pode:
e
fonte
Javascript
jQuery
fonte
Eu tive que remover a primeira opção de um select, sem ID, apenas uma classe, então usei esse código com sucesso:
fonte
Eu só quero sugerir outra maneira de adicionar um
option
. Em vez de definir ovalue
etext
como uma string também se pode fazer:Essa é uma solução menos propensa a erros ao adicionar valores e textos de opções dinamicamente.
fonte
Se alguém precisar excluir TODAS as opções dentro de um select, executei uma função pequena.
Espero que você ache útil
Só tem que correr
fonte
$('#contenedor_modelos').empty();
? É bom ver alguma ação embora :)esta é a caixa de seleção html
quando você quiser remover e adicionar totalmente a opção da caixa de seleção, poderá usar este código
em algum momento, precisamos ocultar e mostrar a opção na caixa de seleção, mas não remover, você pode usar esse código
algum dia precisa remover a opção selecionada da caixa de seleção e
quando você precisar remover todas as opções, esse código
quando precisa a primeira opção ou a última, então este código
fonte