javascript - 使用选择选项的值作为 Javascript 中变量的名称

Question

我有一个带有不同选项的选择表单。我想获取更改时选择的选项的值。该值与放入函数的变量具有相同的名称。

所以我想将所选选项的值作为变量放入我的函数中。我该怎么做？

这是我的选择表格

<select class="select">
      <option  value="value1" >option 1</option>
      <option  value="value2" >option 2</option>
      <option  value="value3" >option 3</option>
</select>

这是我的 javascript

var value1 = ['item1', 'item2', "item3", ...]

$(".select").change(function (){
    $(".select option:selected").each(function(){

          var dataset = $(this).val();          

              d3.select(".chart")
               .selectAll("div")
               .data(dataset)
               .enter();
    });
});

Answer 1

不要泛滥你的全局范围，而是使用一个对象来保存可能的组合。用值引用对象。

var dataPoints = {
    value1 : ['item1', 'item2', "item3", ...],
    value2 : ['item1', 'item2', "item3", ...]
};

$(".select").change(function (){
    $(".select option:selected").each(function(){

          var dataset = $(this).val();          

              d3.select(".chart")
               .selectAll("div")
               .data(dataPoints[dataset])
               .enter();
    });
});