根据id查询数据库 无限极自动清除 自动显示城市

发布时间：2019-01-02 15:16:31 修改时间：2019-01-02 15:16:31 阅读：5411 评论：0 0

html:

<select class="erea1 erea" onchange="javascript:city_list(this);" id="s_province" name="s_province"></select>

<select class="erea2 erea" onChange="javascript:city_list(this);" id="s_city" name="s_city"></select >

<select class="erea3 erea" onChange="javascript:city_list(this);" id="s_county" name="s_county"></select>

<input  class="erea4" onChange="javascript:city_list(this);" type="text" placeholder="除省市外的详细地址" class="w-mr">

js:


function city_list(e){

    var index = $('.erea').index($(e).closest('.erea'));

    index = index + 1;

    if(index>=3){

        return false;

    }

    var area_id= $('.erea'+index).val();

    $('.erea'+index).nextAll('select').find('option').remove();

    index = index + 1;

    $.ajax({

          url:'index.php/User/city/city',

          data:{'area_id':area_id},

          dataType:'json',

          type:'get',

          success: function(data){

                var t_ok=data.flag;

                var lengt= data['data'].length;

                if(t_ok=="success"){

                    var listD=$('.erea'+index);

                    listD.children().remove();

                    for( i=0;i<lengt; i++){

                        var list="<option value="+data['data'][i].area_id+">"+data['data'][i].area_name+"</option>"

                        listD.append(list);

                    }

                }

          },

          error :function(data){

              alert(data.message);

          }

    })

 }

 city_list();

---