Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在Google Drive中添加的HTML元素不';行不通_Javascript_Html_D3.js_Google Chrome Extension_Html Select - Fatal编程技术网

Javascript 我在Google Drive中添加的HTML元素不';行不通

Javascript 我在Google Drive中添加的HTML元素不';行不通,javascript,html,d3.js,google-chrome-extension,html-select,Javascript,Html,D3.js,Google Chrome Extension,Html Select,我创建了一个chrome扩展,当我进入GoogleDrive中的指定文件夹时,它就会激活。此扩展在该文件夹中添加了一个用D3.js制作的图表,如下图所示: 除了图表之外,它还添加了一个下拉列表,但问题是当我点击它时它不起作用(它不显示选项)。它所做的唯一事情是创建矩形以选择元素,如下图所示: 我试着在Google Drive中添加其他HTML元素,比如按钮,但它们也不起作用。Google Drive似乎停用了我添加的html元素的onclick事件 下拉列表的代码: d3.select("

我创建了一个chrome扩展,当我进入GoogleDrive中的指定文件夹时,它就会激活。此扩展在该文件夹中添加了一个用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; }); 

你能告诉我们你是如何将你的事件监听器连接到HTML下拉列表的吗?可能有一些运行在Google Drive上的CSS或JavaScript会用其他东西取代
select
,而这些东西会干扰你的。我对Chrome扩展不是很熟悉,但也许有一种方法可以为你的
select
注入自定义CSS来覆盖它?我还认为Google Drive正在用一些CSS或JavaScript改变我的select。我给我的选择注入了定制的CSS,但是它仍然不起作用,我不知道如何解决这个问题或者其他的选择。我需要那个下拉列表。