<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<fieldset><legend>Escolha</legend>
<select>
<optgroup label="Decimal" onclick="f_decimal()">
<option onclick="carro()">Carro</option>
<option onclick="moto()">Moto</option>
</optgroup>
</select>
</fieldset>
<script>
function carro(){
alert("Você escolheu carro.")
}
function moto(){
alert("Você escolheu moto.")
}
</script>
</html>
1 Resposta
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()
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:
data-type="carro"
e o eventoonchange
para identificar o tipo de veículo.<title></title>
dentro do head do seu HTML. Se você omitir a tag<title>
o documento não é validado como um arquivo HTML. Fonte: w3schools.com/tags/tag_title.asp