个人中心
gpt4 book ai didi

javascript - 使用 d3 从 `multiple` 下拉菜单中查找用户选择的选项？

转载 作者：行者123 更新时间：2023-11-30 12:38:51 26 4
gpt4 key购买 nike

我在使用 <select multiple> 时找不到选定的选项落下。

SO 有一些关于从下拉菜单中查找用户选择的选项(不是复数)的讨论:link1 , link2 , link3 .

主要问题在下面的代码中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="http://d3js.org/d3.v3.min.js"></script>
        <style>
        </style>
    </head>
    <body>
        <div>
            <select multiple id="menu">
            </select>
        </div>
        <script>
            var some_array=["Bob","Tom"]
            var menu = d3.selectAll("#menu")

            menu.selectAll("option")
                .data(some_array)
                .enter()
                .append("option")
                .attr("value", function(d) { return d; })
                .text(function(d) { return d; }); 

            menu.on("change",function(event) {
                //HOW CAN I GET THE OPTION(S) THAT THE USER HAS SELECTED?
                //BEST GUESS:
                selections=d3.select(this).selectAll("options:checked")
                console.log(selections) 
            })
        </script>
    </body>
</html>

此脚本的问题是我没有在控制台显示的数组中看到值“Bob”和“Tom”。

enter image description here

最佳答案

据我所知，使用 d3 执行此操作的最简单方法是过滤您的选择。

d3.select(this)
    .selectAll("option")
    .filter(function (d, i) { 
        return this.selected; 
    });

该选择将获取所有选项，然后过滤掉未选中的选项。

关于javascript - 使用 d3 从 `multiple` 下拉菜单中查找用户选择的选项？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25207732/

26 4 0
文章推荐： javascript - 我们可以在 javascript 中使用字符串获取类的对象吗？
文章推荐： c# - 在 C# 中枚举 "Godmode"
文章推荐： C# 程序集重定向
文章推荐： objective-c - 如何在 Swift 中打印此方法的最终结果？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com