zoukankan      html  css  js  c++  java
  • 城市二级联动

    数据库添加需要的省份和城市名

    index

    /**
    * 查询管理员的省份
    * @author liuz
    */
    public function selProvince() {
    $Area = M ( 'area' );
    $selCity = array ();
    $selPro = $Area->distinct ( true )->field ( 'province' )->select ();
    $this->assign ( 'selPro', $selPro );
    }
    /**
    * 查询管理员的城市
    * @author liuz
    */
    public function selCity() {
    $Area = M ( 'area' );
    $selPro = $_POST ['pro'];
    $data ['error'] = "";
    $condition ['province'] = $selPro;
    $city = $Area->where ( $condition )->field ( 'city' )->select ();
    $count = count ( $city );
    $data ['count'] = $count;
    $data ['city'] = array ();
    if ($city == null || $city <= 0) {
    $data ['error'] = "数据不存在~~!";
    } else {
    foreach ( $city as $c ) {
    array_push ( $data ['city'], $c ['city'] );
    }
    }
    $this->ajaxReturn ( $data );
    }

    页面

    <div class="col-sm-8">
    <select name="province" id="province">
    <option value="">请选择省份</option>
    <volist name="selPro" id="pro">
    <option value="{$pro['province']}">{$pro['province']}</option>
    </volist>
    </select> 
    <select name="city" id="city">
    <option value="">请选择城市</option>
    </select>
    </div>

    该页面做ajax

    <script>
      $(document).ready(function(){
           //一级分类联动二级分类
           $("#province").change(function(){
               var pro=$(this).val();
    $.ajax({
    type: 'POST',
    dataType:'json',
            url:"{:U('index/selCity')}",
    data:"pro="+pro,
    success :function(data){
    $('#city').empty();
    $('#city').append("<option value=''>请选择城市</option>");
    for(var i=0;i < data.city.length;i++){
    $('#city').append("<option value='"+data.city[i]+"'>"+data.city[i]+"</option>");
    }
    },
    error:function(data){
    alert(data.error);
    },
    });
            });
    });

    </script>

  • 相关阅读:
    Warning! PATH is not properly set up...
    用rvm切换ruby
    Mac下多版本JDK安装
    iOS开发 密码里面含有特殊字符如何处理传给后端
    Cornerstone版本回退160013错误
    iOS 11 Xcode9 tableview点击cell上的按钮cell自动往上跳动
    iOS 获取全部字体的Fontfamily和FontName
    iOS WKWebView 点击超链接跳转至Safari
    iOS 11在window上加视图不显示
    Java并发(2)
  • 原文地址:https://www.cnblogs.com/langwo/p/7471100.html
Copyright © 2011-2022 走看看