0

さまざまなオプションを備えた選択フォームがあります。変更時に選択されているオプションの値を取得したい。値は、関数に入れられた変数と同じ名前です。

したがって、選択したオプションの値を変数として関数に入れたいと思います。どうすればいいですか？

これは私の選択フォームです

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

1 に答える 1

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();
    });
});
于 2012-11-30T14:16:29.887 に答える