Javascript 将用户选择的值从下拉菜单传递到d3.csv

Javascript 将用户选择的值从下拉菜单传递到d3.csv,javascript,html,Javascript,Html,与上一个问题有些类似,但适用于d3 基本上,我有一个下拉菜单,用户可以选择他们想查看的年份。当用户选择年份时,我希望将该数据传递给d3.csv命令以选择相关的csv文件 html代码如下所示: 选择年份查看每个团队的得分: 2014 - 2015 2015 - 2016 2016 - 2017 2017 - 2018 2018 - 2019 2014 - 2019 我已经尝试了几次迭代,这是我现在正在进行的一次: <script type="tex

与上一个问题有些类似,但适用于d3

基本上,我有一个下拉菜单,用户可以选择他们想查看的年份。当用户选择年份时,我希望将该数据传递给d3.csv命令以选择相关的csv文件

html代码如下所示:

选择年份查看每个团队的得分: 2014 - 2015 2015 - 2016 2016 - 2017 2017 - 2018 2018 - 2019 2014 - 2019 我已经尝试了几次迭代,这是我现在正在进行的一次:

<script type="text/javascript"> 

    d3.csv(document.getElementById('year').value & ".csv").then(function(data){ <!-- import CSV file
        data.forEach(function(d) {                                      
            For = +d.For                                                <!-- set 'For' name to d.For and convert to number -->
            Against = +d.Against                                        <!-- set 'Against' name to d.Against and convert to number -->
            Teams = d.Teams                                             <!-- set 'teams' name to d.teams -->
        })})
</script>
编辑:我得到的错误是TypeError:d3.csv…然后不是一个函数

关于如何将下拉列表中的选定值输入到d3.csv脚本中,有什么建议吗

d3.csv(document.getElementById('year').value & ".csv", function(error,data) {
 ...
});