JQuery Ajax三级联动地区下拉框

最新推荐文章于 2021-08-05 14:46:33 发布
最新推荐文章于 2021-08-05 14:46:33 发布
阅读量181 收藏
点赞数
分类专栏： JQuery 文章标签： jQuery Ajax SQL json Cache ViewUI

JSP部分代码

 

<script src="/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script>
 //为了避免jquery中的'$'与其它的'$'冲突,在此将jquery中的'$'重命名为'jQuery'
 var jQuery=$;
</script>


 

<script>


  //初始化数据
  jQuery(document).ready(function(){
 
   getProvince();

 });
 

 
 
  //取所有省份
  function getProvince(){

   //&callback=?"注意这个是为了解决跨域访问的问题   
   var url ="http://www.yimei.com/shopcar/getAreaJSON?areaId=0&callback=?";
   
   jQuery.getJSON(url,null,function call(result){  
         setProvince(result); 
     });
   
   //显示或隐藏激活卡
   jQuery("#actionCardChk").click(function(){
    if(jQuery("#actionCardChk").attr("checked")==true){
     jQuery("#actionCardDiv").show();
    }else{
     jQuery("#actionCardDiv").hide();
    }
   });
   
   //显示或隐藏新增常用地址
   jQuery("#addressChk").click(function(){
    if(jQuery("#addressChk").attr("checked")==true){
     jQuery("#addressDiv").show();
    }else{
     jQuery("#addressDiv").hide();
    }
   });
   
   
  }
 
 
 
 
  //设置省份
  function setProvince(result){
  
  var province = document.getElementById("toProvince");
  
  jQuery.each(result.data, function(i, area){
         var value = area.id;
    var text = area.name;
    var option = new Option(text,value);
    province.options.add(option);
         
    }); 
  
  }
 
 
  //按上级ID取子地区
  function getArea(name){
   
   if( name=='city' ){
    clearSel(document.getElementById("toCity")); //清空城市
    var province = document.getElementById("toProvince");
    if(province.options[province.selectedIndex].value == "") return;
    var areaId = province.options[province.selectedIndex].value;
    
    var url ="http://www.yimei.com/shopcar/getAreaJSON?areaId="+areaId+"&callback=?";
    jQuery.getJSON(url,null,function call(result){  
          setCity(result); 
      });
    
   }else if( name=='county'){
    clearSel(document.getElementById("toCounty")); //清空城区
    var city = document.getElementById("toCity");
    if(city.options[city.selectedIndex].value == "") return;
    var areaId = city.options[city.selectedIndex].value;
    
    var url ="http://www.yimei.com/shopcar/getAreaJSON?areaId="+areaId+"&callback=?";
    jQuery.getJSON(url,null,function call(result){  
          setCounty(result); 
      });
      
   }
  }
 
  //当改变省份时设置城市
  function setCity(result){
  
  var city = document.getElementById("toCity");
  
  jQuery.each(result.data, function(i, area){
         var value = area.id;
    var text = area.name;
    var option = new Option(text,value);
    city.options.add(option);
    }); 
   
  }
 
 
  //当改变省份时设置城市
  function setCounty(result){
 
  var county = document.getElementById("toCounty");
  
  jQuery.each(result.data, function(i, area){
         var value = area.id;
    var text = area.name;
    var option = new Option(text,value);
    county.options.add(option);
    }); 
   
  }
 
  // 清空下拉列表
  function clearSel(oSelect){
     
  while(oSelect.childNodes.length>0){
   oSelect.removeChild(oSelect.childNodes[0]);
  }
        
  }

 

</script>

 

  <tr>
  <td height="28" colspan="3">
   <select name="toProvince" id="toProvince" onChange="getArea('city')" class="STYLE5" onFocus="doOnFocus(this);">
    <option value="" selected>请选择省份...</option>
   </select>         
  </td>
         </tr>

         <tr>
  <td height="28" colspan="3">              
   <select name="toCity" id="toCity" class="board" onChange="getArea('county')" onFocus="doOnFocus(this);">
    <option value="">请选择城市...</option>
   </select>        
  </td>
               
         </tr>
        
         <tr>
  <td class="STYLE3">
   <select name="toCounty" id="toCounty" class="board"  οnfοcus="doOnFocus(this);">
    <option value="">请选择城区...</option>
   </select>        
  </td>
 </tr>

 

 

JAVA部分代码 Servlet

 

 response.setContentType("text/xml;charset=utf-8");
  response.setHeader("Pragma","No-cache");
  response.setDateHeader("Expires",0);
  response.setHeader("Cache-Control","no-cache");    
  PrintWriter out=response.getWriter();

  String areaId = request.getParameter("areaId");
  
  if(areaId==null || areaId.trim().length()<=0){
   //sb.append("<data><error>系统错误地区id为空</error></data>");
   //out.print(sb.toString());
   return;
  }  
  

  //注意这个是为了解决跨域访问的问题
  String callback = request.getParameter("callback");   
  
  try {

   List areaList = AreaService.getInstance().getAreasByParentId(Integer.parseInt(areaId));

   // 取集合
   JSONArray jsonArray = JSONArray.fromObject(areaList);

   JSONObject jsobjcet = new JSONObject();

   jsobjcet.put("data", jsonArray);
   
   response.getWriter().write(callback+"("+jsobjcet.toString()+");");

   log.info(callback+"("+jsobjcet.toString()+");");
   
   
  } catch (IOException e) {
   e.printStackTrace();
  }
    

 

DAO部分代码

public List getAreasByParentId(int parentId) {
  Connection conn=null;
  Statement stm=null;
  ResultSet rs=null;
  List<AreaInfo> list = new ArrayList<AreaInfo>();
  try{
   conn = ConnectionPool.getConnection();
   if( conn == null ) throw new Exception("DataBase connection error");
   stm = conn.createStatement();
   String sql ="select * from n_area where parent_id =" + parentId;
   rs = stm.executeQuery(sql);
   AreaInfo areaInfo = null;
   while( rs.next() ) {
    areaInfo= new AreaInfo();
    areaInfo.setId(rs.getInt("id"));
    areaInfo.setName(rs.getString("name"));
    areaInfo.setParentId(rs.getInt("parent_id"));
    list.add(areaInfo);
   }
  }catch(Exception e){
   log.error("getAreasByParentId() error:"+e.getMessage());
  }finally{
   ConnectionPool.release(conn,stm,rs); //释放资源
  }
  return list;
 }

 

 

数据表结构

CREATE TABLE `n_area` (
  `id` int(11) NOT NULL auto_increment,
  `name` varchar(20) default NULL,
  `parent_id` int(11) NOT NULL default '0',
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=224 DEFAULT CHARSET=gbk;

记录

 

INSERT INTO `n_area` VALUES ('1', '广东省', '0');
INSERT INTO `n_area` VALUES ('2', '北京', '0');
INSERT INTO `n_area` VALUES ('3', '深圳市', '1');
INSERT INTO `n_area` VALUES ('4', '广州市', '1');
INSERT INTO `n_area` VALUES ('5', '北京五环以内', '2');
INSERT INTO `n_area` VALUES ('6', '天津', '0');
INSERT INTO `n_area` VALUES ('7', '天津市', '6');
INSERT INTO `n_area` VALUES ('14', '珠海市', '1');
INSERT INTO `n_area` VALUES ('15', '汕头市', '1');
INSERT INTO `n_area` VALUES ('16', '佛山市', '1');
INSERT INTO `n_area` VALUES ('17', '东莞市', '1');
INSERT INTO `n_area` VALUES ('22', '肇庆市', '1');
INSERT INTO `n_area` VALUES ('23', '惠州市', '1');
INSERT INTO `n_area` VALUES ('24', '清远市', '1');
INSERT INTO `n_area` VALUES ('25', '韶关市', '1');
INSERT INTO `n_area` VALUES ('26', '湛江市', '1');
INSERT INTO `n_area` VALUES ('27', '潮州市', '1');
INSERT INTO `n_area` VALUES ('28', '梅州市', '1');
INSERT INTO `n_area` VALUES ('29', '茂名市', '1');
INSERT INTO `n_area` VALUES ('30', '浙江省', '0');
INSERT INTO `n_area` VALUES ('31', '江苏省', '0');
INSERT INTO `n_area` VALUES ('32', '福建省', '0');
INSERT INTO `n_area` VALUES ('33', '广西省', '0');
INSERT INTO `n_area` VALUES ('34', '江西省', '0');
INSERT INTO `n_area` VALUES ('35', '山东省', '0');
INSERT INTO `n_area` VALUES ('36', '湖南省', '0');
INSERT INTO `n_area` VALUES ('37', '安徽省', '0');
INSERT INTO `n_area` VALUES ('38', '贵州省', '0');
INSERT INTO `n_area` VALUES ('39', '黑龙江省', '0');
INSERT INTO `n_area` VALUES ('40', '辽宁省', '0');
INSERT INTO `n_area` VALUES ('41', '四川省', '0');
INSERT INTO `n_area` VALUES ('42', '湖北省', '0');
INSERT INTO `n_area` VALUES ('43', '陕西省', '0');
INSERT INTO `n_area` VALUES ('44', '河南省', '0');
INSERT INTO `n_area` VALUES ('45', '山西省', '0');
INSERT INTO `n_area` VALUES ('46', '海南省', '0');
INSERT INTO `n_area` VALUES ('47', '杭州市', '30');
INSERT INTO `n_area` VALUES ('48', '温州市', '30');
INSERT INTO `n_area` VALUES ('49', '宁波市', '30');
INSERT INTO `n_area` VALUES ('50', '台州市', '30');
INSERT INTO `n_area` VALUES ('51', '南京市', '31');
INSERT INTO `n_area` VALUES ('52', '无锡市', '31');
INSERT INTO `n_area` VALUES ('53', '苏州市', '31');
INSERT INTO `n_area` VALUES ('54', '常州市', '31');
INSERT INTO `n_area` VALUES ('55', '徐州市', '31');
INSERT INTO `n_area` VALUES ('56', '福州市', '32');
INSERT INTO `n_area` VALUES ('57', '厦门市', '32');
INSERT INTO `n_area` VALUES ('58', '泉州市', '32');
INSERT INTO `n_area` VALUES ('59', '漳州市', '32');
INSERT INTO `n_area` VALUES ('60', '南宁市', '33');
INSERT INTO `n_area` VALUES ('61', '桂林市', '33');
INSERT INTO `n_area` VALUES ('62', '柳州市', '33');
INSERT INTO `n_area` VALUES ('63', '百色市', '33');
INSERT INTO `n_area` VALUES ('64', '南昌市', '34');
INSERT INTO `n_area` VALUES ('65', '赣州市', '34');
INSERT INTO `n_area` VALUES ('66', '济南市', '35');
INSERT INTO `n_area` VALUES ('67', '青岛市', '35');
INSERT INTO `n_area` VALUES ('68', '长沙市', '36');
INSERT INTO `n_area` VALUES ('69', '合肥市', '37');
INSERT INTO `n_area` VALUES ('70', '贵阳市', '38');
INSERT INTO `n_area` VALUES ('71', '哈尔滨市', '39');
INSERT INTO `n_area` VALUES ('72', '大连市', '40');
INSERT INTO `n_area` VALUES ('73', '成都市', '41');
INSERT INTO `n_area` VALUES ('74', '武汉市', '42');
INSERT INTO `n_area` VALUES ('75', '西安市', '43');
INSERT INTO `n_area` VALUES ('76', '郑州市', '44');
INSERT INTO `n_area` VALUES ('77', '太原市', '45');
INSERT INTO `n_area` VALUES ('78', '海口市', '46');
INSERT INTO `n_area` VALUES ('79', '中山市', '1');
INSERT INTO `n_area` VALUES ('80', '顺德市', '1');
INSERT INTO `n_area` VALUES ('81', '江门市', '1');
INSERT INTO `n_area` VALUES ('82', '云浮市', '1');
INSERT INTO `n_area` VALUES ('83', '阳江市', '1');
INSERT INTO `n_area` VALUES ('84', '揭阳市', '1');
INSERT INTO `n_area` VALUES ('85', '河源市', '1');
INSERT INTO `n_area` VALUES ('86', '重庆', '0');
INSERT INTO `n_area` VALUES ('87', '重庆市区', '86');
INSERT INTO `n_area` VALUES ('88', '上海', '0');
INSERT INTO `n_area` VALUES ('89', '上海市', '88');
INSERT INTO `n_area` VALUES ('91', '北京五环以外', '2');
INSERT INTO `n_area` VALUES ('93', '重庆郊区', '86');
INSERT INTO `n_area` VALUES ('94', '河北省', '0');
INSERT INTO `n_area` VALUES ('95', '石家庄市', '94');
INSERT INTO `n_area` VALUES ('96', '保定市', '94');
INSERT INTO `n_area` VALUES ('97', '邯郸市', '94');
INSERT INTO `n_area` VALUES ('98', '张家口市', '94');
INSERT INTO `n_area` VALUES ('99', '秦皇岛市', '94');
INSERT INTO `n_area` VALUES ('100', '邢台市', '94');
INSERT INTO `n_area` VALUES ('101', '唐山市', '94');
INSERT INTO `n_area` VALUES ('102', '承德市', '94');
INSERT INTO `n_area` VALUES ('103', '镇江市', '31');
INSERT INTO `n_area` VALUES ('104', '绍兴市', '30');
INSERT INTO `n_area` VALUES ('105', '嘉兴市', '30');
INSERT INTO `n_area` VALUES ('106', '南通市', '31');
INSERT INTO `n_area` VALUES ('107', '扬州市', '31');
INSERT INTO `n_area` VALUES ('108', '连云港市', '31');
INSERT INTO `n_area` VALUES ('109', '北海市', '33');
INSERT INTO `n_area` VALUES ('110', '九江市', '34');
INSERT INTO `n_area` VALUES ('111', '景德镇市', '34');
INSERT INTO `n_area` VALUES ('112', '淄博市', '35');
INSERT INTO `n_area` VALUES ('113', '烟台市', '35');
INSERT INTO `n_area` VALUES ('114', '潍坊市', '35');
INSERT INTO `n_area` VALUES ('115', '威海市', '35');
INSERT INTO `n_area` VALUES ('116', '岳阳市', '36');
INSERT INTO `n_area` VALUES ('117', '湘潭市', '36');
INSERT INTO `n_area` VALUES ('118', '株洲市', '36');
INSERT INTO `n_area` VALUES ('119', '衡阳市', '36');
INSERT INTO `n_area` VALUES ('120', '常德市', '36');
INSERT INTO `n_area` VALUES ('121', '滁州市', '37');
INSERT INTO `n_area` VALUES ('123', '安庆市', '37');
INSERT INTO `n_area` VALUES ('124', '遵义市', '38');
INSERT INTO `n_area` VALUES ('125', '安顺市', '38');
INSERT INTO `n_area` VALUES ('126', '六盘水市', '38');
INSERT INTO `n_area` VALUES ('127', '沈阳市', '40');
INSERT INTO `n_area` VALUES ('128', '鞍山市', '40');
INSERT INTO `n_area` VALUES ('129', '攀枝花市', '41');
INSERT INTO `n_area` VALUES ('130', '南充市', '41');
INSERT INTO `n_area` VALUES ('131', '襄樊市', '42');
INSERT INTO `n_area` VALUES ('132', '黄石市', '42');
INSERT INTO `n_area` VALUES ('133', '汉中市', '43');
INSERT INTO `n_area` VALUES ('134', '洛阳市', '44');
INSERT INTO `n_area` VALUES ('135', '开封市', '44');
INSERT INTO `n_area` VALUES ('136', '云南省', '0');
INSERT INTO `n_area` VALUES ('137', '昆明市', '136');
INSERT INTO `n_area` VALUES ('138', '丽江市', '136');
INSERT INTO `n_area` VALUES ('139', '蚌埠市', '37');
INSERT INTO `n_area` VALUES ('140', '南山区', '3');
INSERT INTO `n_area` VALUES ('141', '其它区', '3');
INSERT INTO `n_area` VALUES ('143', '市北区', '67');
INSERT INTO `n_area` VALUES ('213', '西藏', '0');
INSERT INTO `n_area` VALUES ('178', '甘肃省', '0');
INSERT INTO `n_area` VALUES ('179', '兰州市', '178');
INSERT INTO `n_area` VALUES ('180', '内蒙古', '0');
INSERT INTO `n_area` VALUES ('181', '呼和浩特', '180');
INSERT INTO `n_area` VALUES ('182', '吉林省', '0');
INSERT INTO `n_area` VALUES ('183', '新疆省', '0');
INSERT INTO `n_area` VALUES ('184', '新疆', '183');
INSERT INTO `n_area` VALUES ('185', '吉林市', '182');
INSERT INTO `n_area` VALUES ('215', '其他地区', '213');
INSERT INTO `n_area` VALUES ('187', '其他地区', '1');
INSERT INTO `n_area` VALUES ('188', '其他地区', '30');
INSERT INTO `n_area` VALUES ('189', '其他地区', '31');
INSERT INTO `n_area` VALUES ('190', '其他地区', '32');
INSERT INTO `n_area` VALUES ('191', '其他地区', '33');
INSERT INTO `n_area` VALUES ('192', '其他地区', '34');
INSERT INTO `n_area` VALUES ('193', '其他地区', '35');
INSERT INTO `n_area` VALUES ('194', '其他地区', '36');
INSERT INTO `n_area` VALUES ('195', '其他地区', '37');
INSERT INTO `n_area` VALUES ('196', '其他地区', '38');
INSERT INTO `n_area` VALUES ('197', '其他地区', '39');
INSERT INTO `n_area` VALUES ('198', '其他地区', '40');
INSERT INTO `n_area` VALUES ('199', '其他地区', '41');
INSERT INTO `n_area` VALUES ('200', '其他地区', '42');
INSERT INTO `n_area` VALUES ('201', '其他地区', '43');
INSERT INTO `n_area` VALUES ('202', '其他地区', '44');
INSERT INTO `n_area` VALUES ('203', '其他地区', '94');
INSERT INTO `n_area` VALUES ('204', '其他地区', '136');
INSERT INTO `n_area` VALUES ('205', '其他地区', '178');
INSERT INTO `n_area` VALUES ('206', '其他地区', '180');
INSERT INTO `n_area` VALUES ('207', '其他地区', '182');
INSERT INTO `n_area` VALUES ('214', '拉萨', '213');
INSERT INTO `n_area` VALUES ('210', '其他地区', '45');
INSERT INTO `n_area` VALUES ('211', '其他地区', '46');
INSERT INTO `n_area` VALUES ('212', '其他地区', '86');
INSERT INTO `n_area` VALUES ('220', '新三区', '184');
INSERT INTO `n_area` VALUES ('219', '新二区', '184');
INSERT INTO `n_area` VALUES ('221', '天河区', '4');
INSERT INTO `n_area` VALUES ('222', '越秀区', '4');
INSERT INTO `n_area` VALUES ('223', '海珠区', '4');

 

 

附件中有相应的jar包

json-lib-2.1-jdk15.jar 是主要的

 

 

iteye_13651
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax三级联动下拉选择省市区
conglinyu的专栏
02-12 1210
下拉列表省市区的联动选择： 先看效果： 本次所用数据库sql文件以及java源码可从本人网盘下载： http://pan.baidu.com/s/1jIdV7r4 提示：使用可视化工具导入ChinaStates数据表，这张表导入时可能需要较长的时间。 ChinaStates表中包含省名称信息、所对应的市名称信息、以及区县信息 数据
jQuery ajax 实现下拉框 二级联动
heijinkuiba的博客
06-14 1124
首先 默认显示一级下拉框内容 我这边是tp5 的模板 1.Ajax的异步 到后台 读取 和一级下拉框 对应的数据 然后 return json  数据  2.json  数据   前台 用eval 函数 转换成 对象 3. 用循环 把要的数据 通过jQuery 追加到 二级下拉框里面 添加文章 选择文章分类：
Ajax实现的三级联动下拉菜单
10-20
struts2+jsp+json+javascript实现的三级下拉菜单，没有service和dao层,数据是虚拟的。需要的欢迎下载。项目直接导入myeclipse就可以使用。访问路径localhost:8080/ajax_day02_hw/proviencecityarea.jsp
jquery 实现地区三级联动下拉框
zy_9506的博客
06-05 2264
效果图 点击修改回显需要设定的省市区 HTML代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>省市区级联下拉</title> <script src="https://code.jquery.com/jquer...
jQuery实现二级联动下拉框
sning999
08-08 3096
jQuery实现二级联动下拉框
Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动
04-19
标题 "Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动" 提供了我们讨论的关键技术点：jQuery、jQuery插件、Ajax以及三级联动地区下拉框的实现。这篇博客（博文链接：...
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
10-18
在本文中，我们将探讨如何使用Ajax和jQuery配合数据库来实现下拉框的二级联动效果，这对于构建交互式、响应式的Web应用非常重要。二级联动通常指的是一个下拉框的选择会影响另一个下拉框的内容，例如在选择省份后，...
jQuery下拉框三级联动插件
06-24
在IT领域，jQuery下拉框三级联动插件是一种常见的交互设计技术，主要应用于网页表单中，例如在选择地址时的省市区选择。这个插件能够实现用户在选择省份后，下拉框自动更新出对应城市的选项，进一步选择城市后，再...
AJAX版省市区三级联动下拉框
05-16
AJAX版省市区三级联动下拉框
Ajax实现下拉框三级联动
06-05
Ajax实现下拉框三级联动，实现数据库动态连接，无刷新动态更新 MyEclipse+Ajax+SQL Server 2005
ajax 实现下拉框 省份+城市
09-21
下拉框 ajax 注册 下拉框 ajax 注册 下拉框 ajax 注册
AJAX省市区三级联动下拉菜单(java版)
09-02
主要介绍了AJAX省市区三级联动下拉菜单(java版)的相关资料,需要的朋友可以参考下
省市区选择下拉实现
04-08
省市区选择插件
ajax实现三级联动下拉菜单
aodc6537的博客
05-14 1057
先不要着急去实现功能，我们第一步首先要理清思路，想要实现三级联动，首先要有三个下拉框，然后点击第一个下拉菜单，可以联动到第二个，点击第二个联动到第三个，实现省市区的三级联动，用到的数据表如下： 为了以后可以随时拿出来用，我们先在主页面建立一个div叫sanji，然后用一个js页面来引用： 主页面引入Jquery和js： <title>无标题文档</titl...
jq三级联动下拉框
林中明月间丶
03-21 610
jquery实现select三级联动（简单易懂） https://blog.csdn.net/yanchenxi313761/article/details/79731900
destoon ajax_area_select,jquery.ajax实现destoon出发地与目的地地址三级联动伪下拉菜单式demo...
weixin_32941303的博客
08-05 196
分享此插件的升级版,可用来实现出发地与目的地功能。配图：一、插件新增优点单页面内无限重复使用，可以添加若干个出发地与目的地功能，js源码不变！看官是不是已经迫不及待了？不急不急，咱们一点点来完成案例。二、插件使用教程2.1　html源码部分html源码jquery.ajax实现destoon出发地与目的地地址三级联动伪下拉菜单式demo出发地：请选择省份请选择城市请选择县目的地：请选择省份请选择...
JQuery+Ajax实战三级下拉列表联动（八）
weixin_30517001的博客
09-17 103
本片文章为练习，项目中不会这样写： 一：涉及到的知识点： jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二：用了自动代码生成器 1.Dal层的代码： public static partial class BranchTwoService { /// <summary> /// 根据一...
ajax实现下拉框三级联动
最新发布
09-04
下拉框三级联动是一种常见的前端交互方式，可以通过AJAX实现。具体实现步骤如下： 1. HTML布局：使用select标签实现三个下拉框 ```html 请选择省份 请选择城市 请选择区县 ``` 2. JavaScript代码：使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值