Tecnologia

Adicionar e remover options em select em tempo real

Vamos ver neste exemplo como adicionar e/ou remover opções de um campo select.




HTML:

	
<form>
	<select name="meuselect">
		<option value="op1">opção1</option>
		<option value="op2">opção2</option>
	</select>
	
	<input type="button" onclick="eliminar()" value="Eliminar opção">
	<input type="button" onclick="adicionar()" value="Adicionar opção">
</form>

Javascript:


function $(id) { 
	return document.getElementById(id); 
}

function eliminar() {
	var pos = $("meuselect").length;
	$("meuselect").options[pos - 1] = null;
}

function adicionar() {
	var c = $("meuselect").length;	
	$("meuselect").options[c] = new Option("nova_opção"+c, "xx"+c);
	$("meuselect").options[c].selected=true;
}
2020 © B85 Tecnologia
eu@andersonbravo.com.br