Html 使用表单文本字段中的值更新javascript变量

我创建了一个D3条形图，其中输入数据来自json文件中的一系列生成。 我想创建一个包含两个文本字段的表单，在其中可以插入范围，然后更新图表

第一个表单更新ST variabll并更新页面，这是确定的。 下一步是更新图表的范围，但不刷新页面，因此form1应该是“静态”的。 我尝试对myfor2重复相同的过程，但变量没有更新

 <form name="myform1" action="#" method="get" style="position: relative; top:10px;width:300px;margin-left:-70px;" > 
Input the St number<br />
<input type="text" name="StNumber" id="StNumber" value="9" /><br />
<input type="submit" value="Set Value" /><br /> 
</form>

<form name="myform2" action="#" method="get" style="position: relative; top:10px"> 
Input the start generation<br />
<input type="text" name="GenStart" id="GenStart" value="2000" /><br />
Input the final generation<br />
<input type="text" name="GenFinal" id="GenFinal" value="2400" /><br />
<input type="submit" value="Set Value" /><br /> 
</form>

任何建议

问候

我需要独立地更新javascript变量。 在myform1中，我更新StID并设置保存变量的值；

---

然后：在myfor2中，我更新endGen或StartGen，甚至同时更新这两个ad集，变量被更新为需要这两个变量的图表。

如果我理解正确，您只需要在按下第二个按钮时执行JS操作。现在第二个按钮正在提交表单，因为该按钮的输入值设置为“提交”，将其更改为“按钮”以防止表单提交，然后您可以添加onclick事件并启动所需的函数

<input type="button" value="Set Value" onclick="setValue()" /><br /> 

---

希望这有帮助

请清楚地告诉我你需要的是show js fiddleI update和更多信息以及jsfiddleHey你需要使用jquerySo更改文本框值，你认为解决方案是：创建一个新函数来更新myform更改了tyoe并添加onclick意见？这将解决刷新问题？是的，页面正在刷新，因为您正在提交表单，尽管操作设置为“#”，但将输入类型更改为“按钮”然后使用onclick，页面将不再刷新，您将能够在客户端执行任何js变量更新。我这样做，页面中不会发生任何事情，有什么建议吗？setValue函数是否会被触发？

<input type="button" value="Set Value" onclick="setValue()" /><br />