Javascript Chrome不接收表单变量

Javascript Chrome不接收表单变量,javascript,forms,google-chrome,Javascript,Forms,Google Chrome,我有一个表单,它将变量输入到一段javascript中以构建图形。在chrome中运行页面时,submit按钮只是重新加载页面,表单中的变量数据不会被收集并输入JavaScript。下面是表单的代码片段,以及获取变量并在URL中使用它们的javascript部分 这在Firefox中可以完美地工作,没有任何错误。Chrome只是拒绝从表单中获取输入。不幸的是,控制台也没有发现任何错误。我尝试过使用POST,但这并不能解决问题,不管怎样,当我运行包含变量的PHP页面时,GET都能正常工作。我已经尽

我有一个表单,它将变量输入到一段javascript中以构建图形。在chrome中运行页面时,submit按钮只是重新加载页面,表单中的变量数据不会被收集并输入JavaScript。下面是表单的代码片段,以及获取变量并在URL中使用它们的javascript部分

这在Firefox中可以完美地工作,没有任何错误。Chrome只是拒绝从表单中获取输入。不幸的是,控制台也没有发现任何错误。我尝试过使用POST,但这并不能解决问题,不管怎样,当我运行包含变量的PHP页面时,GET都能正常工作。我已经尽我所能使表格在技术上尽可能正确。我没有主意了。更改“提交”按钮也无法解决此问题

<form name="forminput" id="forminput">
<label for="accountname">Account Name :</label>
<input type="text" id="accountname" name="accountname">
<br>
<label for="startpopupDatepicker">Start Date : </label>
<input type="text" id="startpopupDatepicker" name="startpopupDatepicker">
<label for="endpopupDatepicker">End Date : </label>
<input type="text" id="endpopupDatepicker" name="endpopupDatepicker">
<br>
Node : <select id="nodename" name="nodename">
    <option value="EU">EU</option>
    <option value="US">US</option>
    <option value="APAC">APAC</option> </select>
<input type="button" value="Submit" name="Submit" onclick="history.go()">
</form>

<script>
//Input Start

var account = document.getElementById("accountname").value;
var node = document.getElementById('nodename').value;
var calstartdate = document.getElementById('startpopupDatepicker').value;
var calenddate = document.getElementById('endpopupDatepicker').value;

//Input End
//Chart Beginning

var chart = c3.generate({
bindto: '#chart',
data: {
    x : 'date',
    url: 'sqlcallcounts2.php?account='+account+'&node='+node+'&startdate='+calstartdate+'&enddate='+calenddate,
},

帐户名:

开始日期: 结束日期:
节点: 欧盟 美国 亚太地区 //输入启动 var account=document.getElementById(“accountname”).value; var node=document.getElementById('nodename').value; var calstartdate=document.getElementById('startpopupDatepicker')。值; var calenddate=document.getElementById('endpopupDatepicker')。值; //输入端 //图表开始 var图表=c3.0({ bindto:'图表', 数据:{ x:'日期', url:'sqlcallcounts2.php?account='+account+'&node='+node+'&startdate='+calstartdate+'&enddate='+calenddate, },
我通过将页面中的整个Javascript设置为一个函数来解决这个问题。然后,我使用一次单击Submit按钮来激活该函数。它现在可以完美地工作。

history.go()的目的是什么?如果您可能正在使用submit按钮将页面提交到PHP url,为什么
元素没有
action
属性?它会重新加载页面,以便表单中的javascript变量可以输出到url并从该url加载图形。PHP url位于构建图形的javascript中,需要表单中的数据放入变量中。没有任何操作,因为表单实际上不需要做任何事情,只需要收集表单数据。我尝试了几个操作,包括加载页面的副本,但这并没有解决问题。表单数据仍然没有被提取并传递到java的变量中要放入URL的脚本。