使用select选项的值作为Javascript中变量的名称

时间:2012-11-30 14:12:21

标签: javascript variables select d3.js option

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

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

这是我的选择表格

<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();
    });
});

1 个答案:

答案 0 :(得分: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();
    });
});