Select标签下拉列表二级联动级联实例代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Select标签下拉列表二级联动级联实例代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1128字，纯文字阅读大概需要2分钟。

内容图文

首先从服务器端，绑定下拉列表，二级下拉的text命名按照一定规则加上一级下拉的ID。
代码如下:
var options=new Array();
    $(document).ready(function(){
        //二级联动
        $('#ddlPages').children('option').each(function(i){
            options[i]='<option value="'+$(this).val()+'">'+$(this).text()+'</option>';
        });//将option列表放到数组里
        $('#ddlPages option:gt(0)').remove();    //清楚下拉
        $('#ddlSubsystems').bind('change',function(){        //注册事件
            var systemname=$('#ddlSubsystems option:selected').text();
            for(var j=0;j<options.length;j++){
                $('#ddlPages').append(options[j]);
            }    //option列表先初始化
            $('#ddlPages option:gt(0)').each(function(i){    //遍历排除
                var textname=$(this).text();
                var index=textname.indexOf('-'+systemname);
                if(index<0){
                    $(this).remove();
                }else{
                    $(this).text(textname.substring(0,index));
                }
            });
            $('#ddlPages').val(0);                            //默认选中第一行
        });
    });

内容总结

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

内容备注

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

内容手机端

---