您现在的位置是:首页 > PHP > 省市的下拉类表框的联动 网站首页 PHP

省市的下拉类表框的联动

Tom2016-06-09 2157人围观
PHP  
简介 暂无

一直想做这个功能,但是一直没找到突破口,这两天,老师提出了这么一个要求,才开始来做这个事,

从网上看了很多使用js实现的方法,看了一个很实用的帖子,不过是用Javascript实现的,我的js基础不好,学的是jquery,所以就想用jquery来实现,然后问题就开始,一开始跟着js的思路走下去,感觉完全被套在里面,最后还是觉得好麻烦,怎么办,自己想思路了,

  1. 首先加载jquery的时候,就显示出35个省在列表框中,
  2. 当列表框中的值改变的时候就显示子列表(对应)值

其实就两个步骤就ok了

但是需要建立建立了存放省和城市的数组,这里数组我还纠结了一会儿,好久没用jquery,给忘了,

重要的一点就是数组中省的健名称和城市的健名称一一对应

我这里用代码图来表示

1.png

下面就是具体的实现

//生成省的编号

    // for循环打印所有的省,value就是对应的i

    for($i=0;$i<35;$i++){

        $("#province").append(""+$provinceArray[$i]+"");

    }

//创建字列表,这里是使用select的onchange事件

function createSon(){

    //获取省份value

    $pro = $("#province").val();

    //删除原先的option

    $("#city .cityOption").remove();

    //添加对应的option

    //取出的是city数组中的字段

    for($i=0;$i<$cityArray[$pro].length;$i++){

         $("#city").append(""+$cityArray[$pro][$i]+"");

    }

};

就是这么简单,妈妈再也不用担心我不会写联动了

----------------------------------------------------我是分割线--------------------------------------------------

下面是最近做的一次三级联动,其实实现的方法都很简单,和上面的都做法都是一样的,只是说,三级联动做的东西特别的庞大和繁杂啊,在二级联动写好后,三级联动的录入数据就花费了接近4个小时,可也是了吧,下回用的时候就轻松多了,其实写代码本就是一件枯燥的事

三级联动.png

打赏本站,你说多少就多少

文章评论