クロムがフォーム変数を取得しない

Question

グラフを作成するためのJavaScriptに変数を供給するフォームがあります。クロムでページを実行すると、送信ボタンはページを再ロードし、フォームからの変数データは収集されずにjavacriptに送られます。以下は、フォームのコードスニペットと、変数を選択してURLで使用するjavascriptの一部です。

これはFirefoxで完璧に動作し、視覚的なエラーは一切発生しません。 Chromeはフォームからの入力を拒否するだけです。残念なことに、コンソールはエラーも拾っていません。私はPOSTを使用しようとしましたが、これは問題を解決しません、GETは問題なく含まれている変数でPHPページを実行するとどうにか動作します。私は技術的に可能な限りフォームを作るために私ができることすべてをやった。私はアイデアがありません。送信ボタンを変更しても問題は解決されません。

<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全体を機能させることでこれを解決しました。その後、SubmitボタンのonClickを使用して機能を有効にしました。今は完璧に動作します。