Capítulo 13

Propriedades do objeto select - Exemplo 1

JavaScript

<script type="text/javascript">
window.onload = function () {
var el, msg, elBotao, mensagem; 
	el = document.getElementById("cidade");
	msg = document.getElementById("msg");
	elBotao = document.getElementById("btn");	
	mensagem = "
Inspeção do elemento select
";
	mensagem += "
";
	mensagem += "
Quantidade= " + el.length + "
";
	mensagem += "
name= " + el.name + "
";
	mensagem += "
id= " + el.id + "
";
	mensagem += "
tipo= " + el.type + "
";
	mensagem += "
nome do form= " + el.form.name + "
";
	mensagem += "
índice seleção= " + el.selectedIndex + "
";
	mensagem += "
";	
	elBotao.onclick	= function() {
		msg.innerHTML = mensagem;
	}
}
<script>

HTML

...
<form name="form1" action="http://livrojavascript.com.br" method="post" target="_blank">
<fieldset>
<legend>Formulário com select</legend>
<label for="cidade">Cidade:</label><br />
<select title="Selecione uma cidade" name="cidade" id="cidade">
<option value="">Escolha uma cidade</option>
<option value="rio">Rio de Janeiro</option>
<option value="sp">São Paulo</option>
</select>
</fieldset>
</form>

<div id="msg"></div>
<button type="button" id="btn">Rodar Script</button>
...

---

Formulário com select

Cidade:
Escolha uma cidade Rio de Janeiro São Paulo

Rodar Script

Arquivos exemplo: « anterior | próximo »