Este Menú desplegable me funciona en explorer y firefox pero no en chrome, solo aparece pero el onclick no lo activa

Elabore este menu desplegable en javascript y me funciona perfecto en explorer y firefox pero en chrome solo aparece y al darle click en las opciones no hace nada, ayuda por favor.

ar creaBoton= function(){
var chain= '<left><h2> Demografía </h2>';
chain+='<hr><br><select class="auto-style4" name="Select1" style="width: 160px; height: 25px; background-color: #981468; color: #FFFFFF">\
<option >Población</option>\
<option id="pob1" onclick="pob1()">Población Total</option>\
<option id="pob2" onclick="pob2()">Población Hombres</option>\
<option id="pob3" onclick="pob3()">Población Mujeres</option>\
</select>';
chain+='<h2> Características de Empleo </h2>';
chain+='<hr><br><select class="auto-style4" name="Select1" style="width: 160px; height: 25px; background-color: #981468; color: #FFFFFF">\
<option >Empleo</option>\
<option id="eco1" onclick="eco1()">Población en edad de trabajar</option>\
<option id="eco2" onclick="eco2()">Población que puede trabajar</option>\
<option id="eco3" onclick="eco3()">Población con trabajo</option>\
<option id="eco4" onclick="eco4()">Población sin trabajo</option>\
<option id="eco5" onclick="eco5()">Población que no puede trabajar</option>\
</select>';
chain+= '<hr><br><button id="ocultar" onclick="ocultar()">Limpiar Mapa</button><br>';
chain+= '<br><br><center><img id="lafoto" src="img/mich.png" height="100px"/></center>';
$("#panelInfo").html(chain);
}

var ocultaDP= function(){ // ocultar el panel de herramientas
$("#mdm6DinamicPanel").hide();
}