PHP四级联动全国地区

话不多说,看代码


<?
class Index{
 public function index()
    {
        $list=Db::table('region')->where('parent_id',0)->find();

        return view("index",['list'=>$list]);
    }
    public function  ajaxArea()
    {
        $pid=$this->request->get('pid');
        $list=Db::table('region')->where('parent_id',$pid)->select();
        echo json_encode($list);
    }
}
?>

index.html

<select name="province" id="prov" lay-filter="province" >
    <option value="">请选择国家</option>
    <option value="<?php echo $list['region_id']?>"><?php echo $list['region_name']?></option>
</select>
<script>
 $(document).on("change","#prov",function(){
                var _this=$(this);
                var region_id=$(this).val();
                $.ajax({
                    type:'get',
                    url:'{:url("index/ajaxArea")}',
                    data:{
                        pid:region_id
                    },
                    dataType:'json',
                    success:function(data){
                        _this.nextAll().remove();
                        var num=0;
                            var str='';
                            str+='<select name="province" id="prov" lay-filter="province" >';
                            $.each(data,function(k,v){
                                num=parseInt(num)+k;
                                str+='<option value="'+v.region_id+'">'+v.region_name+'</option>';
                            });
                            str+='</select>';
                            if(num==0)
                            {
                                return false;                            }
                           _this.after(str);
                    }
                });
            });
</script>




ASP 加数据库 四级菜单联动 var m_oXMLDoc = new ActiveXObject("Microsoft.XMLDOM"); var m_sBaseSrc = "Tree.asp?ParentCode="; //源码爱好者(http://www.codefans.net) function BindSelect( strXMLSrc , objSelectName, defaultVal) { m_oXMLDoc.async = true; m_oXMLDoc.onreadystatechange = Function( "fnLoadComplete('" + objSelectName + "', '" + defaultVal + "');" ); m_oXMLDoc.load( strXMLSrc ); } function fnLoadComplete(objSelectName, defaultVal) { var objSelect = document.all[objSelectName]; var aryXMLNodes; var node; if (objSelect == null) return; try { var iReadyState = m_oXMLDoc.readyState; } catch(e) { return; } if( iReadyState != 4 ) return; if( m_oXMLDoc != null && m_oXMLDoc.xml != "" ) { objSelect.length = 0; aryXMLNodes = m_oXMLDoc.documentElement.selectNodes("TreeNode"); objSelect.options[0] = new Option("==全部=="); for (var i=0; i 1) { SetSelectedValue(objSelect, defaultVal) } if(objSelect.ChildSelectName != null) { objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;BindSelect(m_sBaseSrc+val, '"+objSelect.ChildSelectName+"', '"+defaultVal+"');if(val!='')document.all.MaterialClassCode.value=val;" ); objSelect.fireEvent("onchange"); } else { objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;if(val!='')document.all.MaterialClassCode.value=val;" ); } } } function InitSelect(defaultVal) { document.all.MaterialClassCode.value = ""; BindSelect( m_sBaseSrc + "00", "MaterialClass1", defaultVal); } function Equality(val1,val2) { if (val1.length < val2.length || val2 == "") return false; return (val1.substr(0,val2.length) == val2) } function SetSelectedValue(oSel,val) { if (val == null) return; for(var i=0; i<oSel.length; i++) { if (Equality(val, oSel.options[i].value)) { oSel.selectedIndex = i; if(oSel.ChildSelectName == null) oSel.fireEvent("onchange"); break; } } } window.onload = function(){InitSelect();}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值