Question

如何更改函数外部变量的值。我想要变量＆＃34; yr＆＃34;在我的代码中，用函数更新变量从select表单中更新值。

我希望使用下面html中下拉列表中的值更新变量＆＃34; yr＆＃34;。然后我想使用＆＃34; yr＆＃34;的值。在另一个名为chart4的变量中。我已经更新了以下代码。

＆＃13;

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"
};

＆＃13;

<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>

＆＃13;

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 个答案: