php ajax动态读取的级联菜单 联动菜单

01.php

<?php include("config.php");?><script src="http://www.freejs.net/js/jquery-1.9.1.min.js"></script><form action="02.php" name="form" id="form" method="post"  enctype="multipart/form-data">        <div class="both">          <h4>选择省份</h4>          <select name="search_category"  id="search_category_id">          <option value="" selected="selected"></option>          <?php  $sql_saleinfo = "SELECT * FROM data_type where flid=1 order by uid desc";$rs_saleinfo = mysqli_query($conn, $sql_saleinfo);while($rows = mysqli_fetch_assoc($rs_saleinfo)) { ?>              <option value="<?php echo $rows['id'];?>"><?php echo $rows['title'];?></option>          <?php          }?>          </select>             </div>            <div class="both">          <h4 id="show_heading">选择城市</h4>          <div id="show_sub_categories" align="center">              <img src="http://www.freejs.net/demo/281/loader.gif" style="margin-top:8px; float:left" id="loader" alt="" />          </div>      </div>      <br clear="all" /><br clear="all" />            <input type="submit" name="" value="GO" />  </form>  <script type="text/javascript">    $(document).ready(function() {        $('#loader').hide();      $('#show_heading').hide();            $('#search_category_id').change(function(){          $('#show_sub_categories').fadeOut();          $('#loader').show();          $.post("get_chid_categories.php", {              parent_id: $('#search_category_id').val(),          }, function(response){                            setTimeout("finishAjax('show_sub_categories', '"+escape(response)+"')", 400);          });          return false;      });  });    function finishAjax(id, response){    $('#loader').hide();    $('#show_heading').show();    $('#'+id).html(unescape(response));    $('#'+id).fadeIn();  }     function alert_id()  {      if($('#sub_category_id').val() == '')      alert('Please select a sub category.');      else      alert($('#sub_category_id').val());      return false;  }    </script>

get_chid_categories.php

<?php    include("config.php");  if($_REQUEST)  {      $id     = $_REQUEST['parent_id'];     // $query = "select * from ajax_categories where pid = ".$id;    //  $results = mysql_query( $query);$sql_saleinfo = "SELECT * FROM data_type where pid ='$id' order by uid desc";$rs_saleinfo = mysqli_query($conn, $sql_saleinfo);?>            <select name="sub_category"  id="sub_category_id">      <option value="" selected="selected"></option>      <?php      while($rows = mysqli_fetch_assoc($rs_saleinfo))     {?>          <option value="<?php echo $rows['title'];?>  ID=<?php echo $rows['id'];?>"><?php echo $rows['title'];?></option>      <?php      }?>      </select>           <?php     }  ?>  

02.php 代码

<meta charset="utf-8"><?php    echo $_POST['sub_category'];?>  

引用：http://www.freejs.net/demo/281/index.php