Javascript &引用；onclick"；事件未更新来自JS函数的结果

我是JavaScript的新手，我正在使用它创建显示图像的完整路径。每个图形路径有四个变量，它们来自两个选择（rundate和plevel）和两个按钮分区（varname和timestep）。 该功能运行良好，但仅当我按下“显示完整路径”按钮时，即使我在其他按钮上包含了相同的onclick操作。为什么会这样？我怎样才能解决这个问题？ 我想要的是，当我选择另一个变量时，即降雨，它会自动刷新，而无需按下“显示完整路径”按钮

我没有按钮的默认值，因为我还不知道怎么做。因此，对于测试，您必须单击任意变量和任意时间步两次。之后，您可以更改所需的每个变量或其中一个变量，然后按“显示完整路径”按钮。您会注意到，即使只更改了一个选项，该函数似乎也会记住最后选择的选项。 不需要使用“SHOW FULL PATH”（显示完整路径）按钮手动刷新的原因是，实际上存在多个变量和时间步组合

模拟日期选择：

函数getfigurepath（）{ var rundate=document.getElementById（“rundate”）.value； var varname=document.getElementsByName（“varname”）； var plevel=document.getElementById（“plevel”）.value； var timestep=document.getElementsByName（“timestep”）； var_aux； var时间步长； 对于（var i=0；i

2019-06-19（最近一次）
2019-06-18
2019-06-17

变量选择（按钮）：
风
温度
降雨量

垂直高度：
表面
200米
500米

时间步选择（按钮）：
+00
+03
+06

显示完整路径

我认为这就是您实际想要做的，只是使用了错误的控件和脚本。 将选项更改为单选按钮。现在这种行为更自然了

函数getfigurepath（）{ const rundate=document.querySelector（'#rundate'）.value； const varname=document.querySelector（'input[name=“varname”]”）。值； const plevel=document.querySelector（“#plevel”）.value； const timestep=document.querySelector（'input[name=“timestep”]”）。值； figurename=“FIGURE_”+rundate+“3D_”+varname+“”+plevel+“”+timestep+”.png”； document.getElementById（“demo”）.innerHTML=figurename； }

2019-06-19（最近一次）
2019-06-18
2019-06-17

变量选择（按钮）：
风
温度
降雨量

垂直高度：
表面
200米
500米

时间步选择（按钮）：
+00 
+03 
+06 

显示完整路径

我认为这就是您实际想要做的，只是使用了错误的控件和脚本。 将选项更改为单选按钮。现在这种行为更自然了

函数getfigurepath（）{ const rundate=document.querySelector（'#rundate'）.value； const varname=document.querySelector（'input[name=“varname”]”）。值； const plevel=document.querySelector（“#plevel”）.value； const timestep=document.querySelector（'input[name=“timestep”]”）。值； figurename=“FIGURE_”+rundate+“3D_”+varname+“”+plevel+“”+timestep+”.png”； document.getElementById（“demo”）.innerHTML=figurename； }

2019-06-19（最近一次）
2019-06-18
2019-06-17

变量选择（按钮）：
风
温度
降雨量

垂直高度：
表面
200米
500米

时间步选择（按钮）：
+00 
+03 
+06 

显示完整路径

如果我理解正确，您需要任何按钮单击或下拉更改来刷新显示的完整路径。下面是我将如何做到这一点

const varnameButtons=document.getElementsByName（“varname”）；
常量timestepButtons=document.getElementsByName（“timestep”）；
const rundateDropdown=document.getElementById（“rundate”）；
constpleveldropdown=document.getElementById（“plevel”）；
常量状态={
varname:varnameButtons[0]。值，
timestep:timestepButtons[0]。值，
rundate:rundateDropdown.value，
plevel:plevelDropdown.value，
};
//*倾听更改并刷新
for（让varnameButton中的varnameButton）{
varnameButton.onclick=function（）{
state.varname=varnameButton.value；
刷新（）；
};
}
for（让timestepButtons中的timestepButtons）{
timestepButton.onclick=函数（）{
state.timestep=timestepButton.value；
刷新（）；
};
}
rundateDropdown.onchange=函数（）{
state.rundate=rundateDropdown.value；
刷新（）；
};
plevelDropdown.onchange=函数（）{
state.plevel=plevelDropdown.value；
刷新（）；
};
//*/
函数刷新（）{
figurename=“FIGURE_“+state.rundate+”3D_“+state.varname+”“+state.plevel+““+state.timestep+”.png”；
document.getElementById（“demo”）.innerHTML=figurename；
}

2019-06-19（最近一次）
2019-06-18
2019-06-17

变量选择（按钮）：
风
温度
降雨量

垂直高度：
表面
200米
500米

时间步选择（按钮）：
+00
+03
+06

显示完整路径

如果我理解正确，您需要任何按钮单击或下拉更改来刷新显示的完整路径。下面是我将如何做到这一点

const varnameButtons=document.getElementsByName（“varname”）；
常量timestepButtons=document.getElementsByName（“timestep”）；
const rundateDropdown=document.getElementById（“