A tag option
contém os eventos globais do HTML e isso inclui o onclick()
. Por algum motivo essa relação pode ou não funcionar em alguns navegadores. Isso se deve ao fato de não se utilizar o evento onclick()
nos elementos option
e sim utilizar o evento onchange()
onchange()
na tag select
.
function mudou() {
var valor = document.getElementById("teste").value;
if(valor == "carro") {
carro();
}
else if(valor == "moto") {
moto();
}
}
function carro(){
alert("Você escolheu carro.")
}
function moto(){
alert("Você escolheu moto.")
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Teste</title>
</head>
<body>
<fieldset><legend>Escolha</legend>
<select id="teste" onchange="mudou()">
<optgroup label="Decimal">
<option value="carro">Carro</option>
<option value="moto">Moto</option>
</optgroup>
</select>
</fieldset>
</html>
Referências: