怎么在ajax中实现一个select三级联动效果

这期内容当中小编将会给大家带来有关怎么在ajax中实现一个select三级联动效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联建站总部坐落于成都市区,致力网站建设服务有网站设计、成都网站建设、网络营销策划、网页设计、网站维护、公众号搭建、微信平台小程序开发、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!

前端js代码如下:



$(document).ready(function(){
$.ajax({
type:"get",
dataType:"text",
url:"GetItemAction?itemlevel=1",
 success:function(data){
 // 由JSON字符串转换为JSON对象
  var objJSON=eval("("+data+")");
 var len=objJSON.itemInfo.length; 

 var objSelect=document.getElementById("firstlevel");
 for(var i=0;i0;i--){
objsecond.options.remove(i);
}

// 删除三级分类保留第一个
var objthird=document.getElementById("thirdlevel");
for(var i=objthird.options.length-1;i>0;i--){
objthird.options.remove(i);
}

$.ajax({
type:"get",
dataType:"text",
url:"GetItemAction?itemlevel=2&itemcode="+itemcode,
 success:function(data){
 // 由JSON字符串转换为JSON对象
  var objJSON=eval("("+data+")");
 var len=objJSON.itemInfo.length;
 var objSelect=document.getElementById("secondlevel");
 for(var i=0;i0;i--){
objthird.options.remove(i);
}

$.ajax({
type:"get",
dataType:"text",
url:"GetItemAction?itemlevel=3&itemcode="+itemcode,
 success:function(data){
 // 由JSON字符串转换为JSON对象
  var objJSON=eval("("+data+")");
 var len=objJSON.itemInfo.length;
 var objSelect=document.getElementById("thirdlevel");
 for(var i=0;i

部分html代码


 
 
 
 请选择事件大类
      
 
 
 
 
 
 请选择事件小类
 
 
 
 
 
 
 请选择事件类别
 
 
 
 

上述就是小编为大家分享的怎么在ajax中实现一个select三级联动效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


本文标题:怎么在ajax中实现一个select三级联动效果
网页URL:http://bzwzjz.com/article/ppcpsd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设改版 成都网站设计 成都网站设计 定制网站设计 成都网站建设 成都网站制作 温江网站设计 成都网站设计制作公司 手机网站制作 企业网站设计 成都企业网站制作 四川成都网站建设 重庆手机网站建设 公司网站建设 成都网站制作 成都网站制作 响应式网站建设 盐亭网站设计 成都网站制作 网站建设方案 营销型网站建设 成都品牌网站建设