0
<!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>
5
  • A proposta é a seguinte, deve-se escolher uma opção no select, e um alerta deve aparecer mostrando a opção escolhida. (Funciona nos navegadores: Edge e Firefox, mas não no Chrome).
    – Muka149
    Commented 26/04/2018 às 3:25
  • 1
    @Muka149 webbugtrack.blogspot.com.br/2007/11/… . Utilize atributos data-type="carro" e o evento onchange para identificar o tipo de veículo. Commented 26/04/2018 às 3:53
  • O certo seria onchange no select, o click não serve para select
    – Sveen
    Commented 26/04/2018 às 5:56
  • 1
    Também não funciona no Opera, e no IE11
    – Sveen
    Commented 26/04/2018 às 6:00
  • Você esqueceu de declarar o <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 Commented 26/04/2018 às 20:03

1 Resposta 1

2

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:

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .