如何实现selectselect二级联动效果

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何实现selectselect二级联动效果，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1337字，纯文字阅读大概需要2分钟。

内容图文

<li style="margin-right:-5px">一级类目：
                    <select id="mainCategoryId" name="mainCategoryId" class="length_2" onchange="changeCate()">
                        <option value="">---请选择---</option>
                        #foreach($cell in $categories)
                            <option value="$!{cell.id}"  #if($!cell.id ==  $!query.mainCategoryId) selected #end >$!{cell.name}</option>
                        #end
                    </select>
                </li>
                <li style="margin-right:-5px">二级类目：
                    <select class="categoryId" name="categoryId" class="length_2">
                        <option value="">---请选择---</option>
                    </select>
                </li>

function changeCate(){    
 var  mainCategoryId = 
$("#mainCategoryId").find("option:selected").val();   
 if(mainCategoryId == "") {        
 $(".categoryId").empty().append("<option value=''>---请选择---</option>");        
 return false;
    }    
 $.ajax({       
     url:'/tvtao/video/item/category.htm',        
     type:"post",        
     dataType:"json",        
     data: {'_tb_token_' : $("input[name='_tb_token_']").val(), parantId : mainCategoryId},        
     success: function (data) {            
     console.log(data);            
     $(".categoryId").empty().append("<option value=''>---请选择---</option>");           
      for(var i = 0, len = data.length; i < len; i++)
            {                
            alert(data[i].id);                
            $(".categoryId").append($("<option value='" + data[i].id + "'>" + data[i].name + "</option>"));
            }

        }
    });
}

以上就是如何实现select select二级联动效果的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的如何实现selectselect二级联动效果全部内容，希望文章能够帮你解决如何实现selectselect二级联动效果所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端