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