Así que desarrollé un sitio web que funciona en Firefox, pero cuando se ejecuta en Google Chrome, se rompe. He reducido el problema para que el atributo onclick no funcione dentro de las opciones de selección, pero ¿qué puedo usar como reemplazo?

 <select id="n1"> <option id="n1h" disabled selected hidden>First Note</option> <option id="n1o1" onclick="keyC()">C</option> <option id="n1o2" onclick="keyDb()">D&#9837;</option> <option id="n1o3" onclick="keyD()">D</option> <option id="n1o4" onclick="keyEb()">E&#9837;</option> <option id="n1o5" onclick="keyE()">E</option> <option id="n1o6" onclick="keyF()">F</option> <option id="n1o7" onclick="keyGb()">G&#9837;</option> <option id="n1o8" onclick="keyG()">G</option> <option id="n1o9" onclick="keyAb()">A&#9837;</option> <option id="n1o10" onclick="keyA()">A</option> <option id="n1o11" onclick="keyBb()">B&#9837;</option> <option id="n1o12" onclick="keyB()">B</option> </select>

¡Gracias!