javascript - 我在 Google 云端硬盘中添加的 HTML 元素不起作用

Question

我创建了一个 chrome 扩展程序，当我进入 Google Drive 中的指定文件夹时它会激活。此扩展在该文件夹中添加了一个使用 D3.js 制作的图表，如下图所示：

除了图表之外，它还添加了一个下拉列表，但问题是当我单击它时它不起作用（它不显示选项）。它唯一做的就是创建矩形来选择元素，如下图所示：

我尝试在 Google Drive 中添加其他 HTML 元素，例如按钮，但它们也不起作用。Google Drive 似乎停用了我添加的 html 元素的 onclick 事件。

下拉列表的代码：

d3.select("#divSelect")
    .append("select")
    .attr("class","desplegable")
    .attr("id","desplegable")
    .on('change',function (d,i) {
        var grupoSeleccionado = d3.select("#desplegable").node().value; //Examen seleccionado
        if (grupoSeleccionado=="Total"){ //Vision general de los examenes
            dibujarSpiderChart(data);

        } else { //Vision de un examen en concreto
            var notasAlumnoExamen=_.filter(data[0],{'group':grupoSeleccionado});
            var notasMediasExamen=_.filter(data[1],{'group':grupoSeleccionado});
            var dataGrupo=[];
            dataGrupo.push(notasAlumnoExamen);
            dataGrupo.push(notasMediasExamen);
            dibujarSpiderChart(dataGrupo);
        }
        ;})
    .selectAll("option")
    .data(gruposLista)
    .enter()
    .append("option")
    .attr("value", function (d) { return d.id; })
    .text(function (d) { return d.nombre; }); 

标签： javascripthtmld3.jsgoogle-chrome-extensionhtml-select