使用D3.js的复选框选择下拉菜单

Question

我需要从一个下拉菜单转换为多个下拉菜单。复选框很重要，因此我可以同时选择多个值。

我尝试使用Bootstrap，但它不适合我的项目。

//Read the data
        d3.json("data/testData2.json", function (data) {

            const proxyGroup = d3.map(data, function (d) {
                return (d.proxy)
            }).keys()

            // add options to the button
            d3.select("#proxyGroup")
                .selectAll()
                .data(proxyGroup)
                .enter()
                .append('option')
                .text(function (d) {
                    return d;
                }) // text showed in the menu
                .attr("value", function (d) {
                    return d;
                }) // corresponding value returned by the button




            // List of groups
            const coreGroup = d3.map(data, function (d) {
                return (d.core)
            }).keys()

            // add options to the button
            d3.select("#coreGroup")
                .selectAll()
                .data(coreGroup)
                .enter()
                .append('option')
                .text(function (d) {
                    return d;
                }) // text showed in the menu
                .attr("value", function (d) {
                    return d;
                }) // corresponding value returned by the button

我对此并不陌生，所以如果我忘记了任何东西或者您需要的不止于此，请给我发短信。谢谢！