多级城市联动

//控制器方法

[python] view plain copy

1. <span style="color:#FF0000;">public function index()  
2. {  
3.        $arr=array(  
4.            'pid'=>0  
5.        );  
6.        $list['i']=$this->db->get_where("address",$arr)->result_array();  
7.        $this->load->view('welcome_message',$list);  
8. }  
9.    public function addressNext(){  
10.        $arr=array(  
11.            'pid'=> $_GET['pid']  
12.        );  
13.        $list['i']=$this->db->get_where("address",$arr)->result_array();  
14.        $this->load->view('addressNext',$list);  
15.    }</span><span style="color:#e1efff;">  
16.   
17. <!-- addressNext.php --</span>  

<option value="-1">请选择</option>

[python] view plain copy     <span style="color:#FF0000;"><?php      foreach($i as $v){          ?>          <option value="<?php echo $v['id']  ?>"><?php  echo $v['username'] ?></option>      <?php      }      ?></span>  //视图<!--welcome_message.php-->

[python] view plain copy

1. <span style="color:#FF0000;"><p>四级联动</p>  
2. <script src="<?php echo base_url("public/jq.js")  ?>"></script>  
3. <select name="address" id="address" class="address">  
4.     <option value="-1">请选择</option>  
5.     <?php  
6.     foreach($i as $v){  
7.         ?>  
8.         <option value="<?php echo $v['id']  ?>"><?php  echo $v['username'] ?></option>  
9.     <?php  
10.     }  
11.     ?>  
12. </select>  
13. <select name="" id="address" class="address"></select>  
14. <select name="" id="address" class="address"></select>  
15. <select name="" id="address" class="address"></select>  
16.   
17. <!--引用jquery事件-->  
18.   
19. <script>  
20.     $(document).on("change",'.address',function(){  
21.         var val=$(this).val();  
22.         //alert(val);die;  
23.         ob=$(this).next();  
24.         $.get("<?php echo site_url("welcome/addressNext") ?>",{pid:val},function(data){  
25.             ob.html(data);  
26.         })  
27.     })  
28. </script></span>