如何从文本框中更改javascript值

Question

我有两个页面1）数据2）饼图。
在数据页面中，我有5个文本框和一个按钮。

单击按钮后，我想从文本框中更改以下值

['Work',     11],
['Eat',      2],
['Commute',  2],
['Watch TV', 2],
['Sleep',    7]

这个怎么做？？

这是我的代码：

<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };
    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>
</head>
<body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>

Answer 1

您可以重用drawChart()代码并在事件click或onsubmit等事件中使用它（可能在加载时也可以动态加载）

** 请注意，您可以使用Ajax或仅从html inputs获取一些值以重绘饼图。

下面我刚刚演示了如何实现它，您需要根据需要对其进行修改。

 google.load("visualization", "1", { packages: ["corechart"] }); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); var options = { title: 'My Daily Activities' }; var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); } $(function() { $('#ctc').on('click', function() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], ['Work', 20], ['Eat', 12], ['Commute', 12], ['Watch TV', 2], ['Sleep', 7] ]); var options = { title: 'My Daily Activities - Now changed on click !!' }; var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <h2 id='ctc'>Click me</h2> <div id="piechart" style="width: 900px; height: 500px;"></div>

如何从文本框中更改javascript值

问题描述

1 个解决方案

解决方案1
0 2015-08-10 12:54:13

如何从文本框中更改javascript值

问题描述

1 个解决方案

解决方案1 0 2015-08-10 12:54:13

解决方案1
0 2015-08-10 12:54:13