使用具有选择值的功能更改变量值

如何更改功能外的变量的值。我希望我的代码中的变量“yr”用函数update变量的select形式的值进行更新。使用具有选择值的功能更改变量值

我正在寻找更新变量“年”，从下面的下拉列表中的值在我的HTML下面。然后我想在名为chart4的另一个变量中使用“yr”的值。我已经更新了下面的代码。

var yr = "2017"; 
 

 
function updatevariable(data) { 
 
\t \t 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>

来源

2017-10-04 iamMash

什么是你已经有什么？ –

你的代码应该工作 – random1234

当我控制台登录变量yr函数以外，我在页面加载/刷新时得到2017的值。但之后当我选择一个不同的选项后，年的价值似乎并没有改变。 – iamMash

你编写的功能是正确的改变函数外部变量的值。
和一个简单的演示中了解到，

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

来源

2017-10-04 16:36:20

简单的内部CHAR4每一个下拉菜单更改时添加分配到年。

希望这会有所帮助！

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

来源

2017-10-05 22:00:11

使用具有选择值的功能更改变量值

回答

相关问题