select联动代码-codeigniter

zhengfeity

php端控制器代码

PHP复制代码

 
$pro = $this->db->get('pro')->result_array();
$city = $this->db->get('city')->result_array();
...... 无限
$data['json'] = json_encode(array($pro,$city,.....));  //按联动顺序 加载视图
 

复制代码

前端

HTML复制代码

 
<input type="hidden" name="json" id="json" value="<?php echo $json;?>">
<div class="select">
<select><option>请选择</option></select>省
<select><option>请选择</option></select>市
<select><option>请选择</option></select>区
..............
</div>
 

复制代码

js代码段

JS复制代码

 
<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/jquery.cityselect.js"></script>
<script language="javascript">
$(document).ready(function(){
        $(".select").citySelect({
                json:$('#json').val(),//  json 存储于HIDDEN
                count:4, //联动数据总数 比如省 市 区 小区
                dvalue: "110000,110100,110101,3", //默认值
                json_item:"provinceID|province,cityID|city|father,areaID|area|father,id|community_name|area_id", //与OBJ对应条目
                 //参数解释   ID 为数据库存储此值的ID 比如1|name 为数据库存储的中文名称 比如北京| pid 关联上级的item值(第二个开始填写)
                //对照数据库字段 数据表 city 字段 id name pid
        });
});
</script>
 
 

复制代码

星落凡辰

过来支持下