提交后执行的javascript代码

时间:2016-04-18 15:48:44

标签: javascript html highcharts

我在按下提交按钮之前有一些正在执行的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>

0 个答案:

没有答案