频道栏目
首页 > 资讯 > JavaScript > 正文

jquery无限极联动【地区】

17-01-09        来源:[db:作者]  
收藏   我要投稿
<select name="region[]"  class="region" >            
            <option value="">--请选择--</option>
            <?php foreach ($region_data as $k => $val): ?>
            <option value="<?php echo $val->region_id?>"><?php echo $val->region_name?></option>
            <?php endforeach ?>    
</select>    

<script>
        $(function(){
         $(document).on('change','.region',function(){
            var  region_id=$(this).val();
            var _this=$(this);
            if (region_id<0) {
                _this.nextAll().remove();
                return false;
            }
            $.post('publish_position',{'region_id':region_id},function(msg){
                console.log(msg);
                if (msg.length>0) {
                      str='<select name="region[]" class="region">';
                      str+='<option value="-1">--请选择--</option>';
                       $(msg).each(function(k,v){
                        str+='<option value='+v.region_id+'>'+v.region_name+'</option>';
                       }) 
                       str+='</select>'

                       _this.nextAll().remove();
                       _this.after(str);
                }


            },"json")

          }) 
    })
</script>
相关TAG标签
上一篇:前端新人,再续js打印图形
下一篇:【CSS】体验CSS
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站