我在按下提交按钮之前有一些正在执行的javascript代码,甚至没有显示html表单。 我想要的是填写表格,这些数据输入将在控制器中使用。之后,从控制器返回的内容将用于javascript函数。
我不知道为什么它不起作用。
这是我的代码
@model highchart.Models.model2
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<html>
<body>
<form Action="Index" method="post">
<span> taux de change:" </span>
<input name="taux" value="EUR/USD" />
<input type="text" id="txtId">
<table>
<tr>
<th>Date_début</th>
<th>Date_fin</th>
</tr>
<tr>
<td>
<input type="Date" name="date_début" id="date_début" value="@(Request.Form[" date_début "])"/>
</td>
<td>
<input type="Date" name="date_fin" id="date_fin" value="@(Request.Form[" date_fin "])"/>
</td>
</table>
<input type="submit" value="AFFICHE" name="affiche" onclick="storeInSession()" />
</form>
<script type="text/javascript">
function storeInSession() {
window.sessionStorage['submit'] = document.getElementById('txtId').value;
}
function checkSubmitStatus() {
if (window.sessionStorage['submit']) {
('#container').highcharts({
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: (function checkSubmitStatus() {
var data = [];
@foreach(var x in Model.temps) {
@: data.push(@x);
}
alert(data[0]);
return data;
}())
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'Tokyo',
data: (function checkSubmitStatus() {
var data = [];
@foreach(var x in Model.high) {
@: data.push(@x);
}
alert(data[0]);
return data;
}())
}]
});
window.sessionStorage['submit'] = '';
}
}
</script>
</body>
</html>