php - Ajax Jquery変更div値自体

Question

Google チャート グラフを呼び出すページがあります。これらの各グラフには、独自のフィルターがあります。

• グラフ 1: 販売: 月ごと、年ごと。
• 図 2: 顧客: 製品の種類 ...);

だから私は ajax 呼び出し (クリック) を介してそれらのそれぞれを呼び出します。しかし、ここで問題が発生します。既に呼び出したページ内で、別の ajax 呼び出しを使用してグラフをフィルター処理する必要があります。

基本的に、 $_GET 値を変更し、最初に呼び出された div を更新するだけです。

働く

メイン.PHP

//receives the chart content
<div id="resultado"> 
  <!-- Google Chart -->
</div>     
 <pre>
//call the chart by click event
<a href="#" id="grafico1">click</a>
<script type="text/javascript">
 $.ajaxSetup({
  cache: false
 });
 var ajax_load = "<img src='images/preloader.gif' class='loading' />";
 var carregaUrl = "graficos/vendas.php";

 $("#grafico1").click(function(){
    $("#resultado")
    .html(ajax_load)
    .load(carregaUrl, "id=<?php echo $id; ?>");
 });
</script>

vendas.php

<select id="getValue">
    <option value="0">Selecionar</option>
    <option value="121">John</option>
    <option value="131">Rubia</option>
    <option value="141">Tony</option>
</select>
<script>
$.ajaxSetup({ cache: false });
var ajax_load = "<div id='grafico-load' class='span14'><img src='images/preloader.gif' alt='carregando...' class='loading' /></div>";
var carregaUrl = "graficos/vendas.php";
$("#getValue").change(function(){
var v = $('select#getValue').val();
    $("#resultado")
        .html(ajax_load)
        .load(carregaUrl, "idg="+v);
});
</script>