Question

我有一个表单，可以将变量提供给一段javascript来构建图表。在chrome中运行页面时，提交按钮只是重新加载页面，表单中的变量数据不会被收集并输入到javacript中。下面是表单的代码片段和javascript的一部分，用于获取变量并在URL中使用它们。

这在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,
},

Answer 1

我通过使页面中的整个Javascript成为一个函数来解决这个问题。然后我使用了提交按钮的onClick来激活该功能。它现在完美无缺。

Chrome没有获取表单变量

1 个答案: