Skip to main content
adicionou 61 caracteres ao conteúdo
Fonte Link
bio
  • 2,7mil
  • 2
  • 17
  • 36

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:

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:

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:

Fonte Link
bio
  • 2,7mil
  • 2
  • 17
  • 36

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: