Tenho um script que ao clicar em uma option especifica chamaria uma função no javascript com onclick, mas esse script só esta funcionando no firefox desktop nos demais navegadores não funciona, venho desconfiando que o problema etá sendo causado por estar usando onclick nas options, existe alguma forma alternativa de eu conseguir o desejado sem utilizar o onclick?, realmente não se deve usar o onclick em uma option de select?
Meu select:
<select class="custom-select" name="tamanho" id="tamanho" required="required">
<option selected value="Nenhum">Escolha...</option>
<option value="G" onclick="mostraG()">Grande (G)</option>
<option value="M" onclick="mostraM()">Média (M)</option>
</select>
Meu JS:
// Mostra M e oculta G
function mostraM(){
if (document.getElementById('pizzaM').style.display == "none"){
document.getElementById('pizzaM').style.display = "block",
document.getElementById('pizzaG').style.display = "none",
$("#sabor1G").val("Nenhum"),
$("#sabor2G").val("Nenhum"),
console.log("WORK");
}
}
// Mostra G e culta M
function mostraG(){
if (document.getElementById('pizzaG').style.display == "none"){
document.getElementById('pizzaG').style.display = "block",
document.getElementById('pizzaM').style.display = "none",
$("#sabor1M").val("Nenhum"),
$("#sabor2M").val("Nenhum"),
console.log("WORK");
}
}
$('#tamanho').on.('change', function(){})