使用具有选择值的功能更改变量值
问题描述:
如何更改功能外的变量的值。我希望我的代码中的变量“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>
答
你编写的功能是正确的改变函数外部变量的值。
和一个简单的演示中了解到,
<!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>
答
简单的内部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"
};
什么是你已经有什么? –
你的代码应该工作 – random1234
当我控制台登录变量yr函数以外,我在页面加载/刷新时得到2017的值。但之后当我选择一个不同的选项后,年的价值似乎并没有改变。 – iamMash