Capítulo 17

Formulários - método add()

JavaScript

<script type="text/javascript">
window.onload = function() {
	var formulario = document.getElementById("fdemo");	
	var botao = document.getElementById("btn");
		novaOpcao = new Option("Abacaxi", "abacaxi");
			botao.onclick = function() {
				formulario.frutas.add(novaOpcao, undefined) 
			}
}
</script>

HTML

...
<form  action="http://www.maujor.com"  id="fdemo" method="get">
<h4>Escolha sua fruta preferida</h4>
<select name="frutas" id="frutas" size="7">
	<option  value="banana" selected="selected">Banana</option>
	<option value="uva">Uva</option>
	<option value="pera">Pera</option>
	<option value="laranja">Laranja</option>
	<option value="abacate">Abacate</option>
</select>
</form>
<button type="button" id="btn">Nova opção</button>
...

Escolha sua fruta preferida