zhengfeity 发表于 2015-3-19 14:39:39

select联动代码-codeigniter

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


前端

<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代码段

<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>






星落凡辰 发表于 2016-1-13 18:48:22

过来支持下
页: [1]
查看完整版本: select联动代码-codeigniter