使用具有选择值的函数更改变量值

Question

如何更改函数外部的变量的值。 我希望代码中的变量“ yr”由函数update变量使用select表单中的值进行更新。

我希望使用下面的html下拉列表中的值更新变量“ yr”。 然后，我想在另一个称为chart4的变量中使用“ yr”的值。 我已经更新了下面的代码。

 var yr = "2017"; function updatevariable(data) { yr = data; console.log(yr); }; var chart4 = { "columns": [ { "dimension": "dx", "items": [ { "id": "fbfJHSPpUQD" } ] } ], "rows": [ { "dimension": "pe", "items": [ { "id": yr } ] } ], "filters": [ { "dimension": "ou", "items": [ { "id": "fdc6uOvgoji" } ] } ], "el": "chart4" };

 <select id="year" name="year" onchange="updatevariable(this.value)"> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> </select>

Answer 1

您编写的函数是在函数外部更改变量值的正确方法。
并通过一个简单的演示来了解这一点，

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        var yr = "2017";
        function updatevariable(data) { 
                yr = data;
        };
        function print(){
            alert(yr);
            console.log(yr);
        }

    </script>
</head>
<body>
    <select id="year" name="year" onchange="updatevariable(this.value)">
    <option value="2017">2017</option>
    <option value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    </select>
    <button onclick="print()">Updated date</button>
</body>
</html>

Answer 2

每次更改下拉菜单时，只需在char4内部的yr中添加一个赋值即可。

希望这会有所帮助！

var yr = "2017";

function updatevariable(data) { 
        yr = data;
        chart4.rows[0].items[0].id = yr;
        console.log(chart4.rows[0].items[0].id);
};

var chart4 = {
  "columns": [
    {
      "dimension": "dx",
      "items": [
        {
          "id": "fbfJHSPpUQD" 
        }
      ]
    }
  ],
  "rows": [
    {
         "dimension": "pe",
      "items": [
        {
          "id": yr 
        }
      ]
    }
  ],
  "filters": [
    {
      "dimension": "ou",
      "items": [
        {
          "id": "fdc6uOvgoji"
        }
      ]
    }
  ],
  "el": "chart4"
};

使用具有选择值的函数更改变量值

问题描述

2 个解决方案

解决方案1
0 2017-10-04 16:36:20

解决方案2
0 2017-10-05 22:00:11

使用具有选择值的函数更改变量值

问题描述

2 个解决方案

解决方案1 0 2017-10-04 16:36:20

解决方案2 0 2017-10-05 22:00:11

解决方案1
0 2017-10-04 16:36:20

解决方案2
0 2017-10-05 22:00:11