请教各位一个Jquery的问题.  就是JSP页面上有两个select的下拉列表框,要做成级联的,并且下拉列表框中内容可以实现用户输入时自动补全的功能,就是  Jquery的AutoComplete类似的功能,因为我之前没做过Jsp的东西,所以对这些Jquery使用起来不是很熟,麻烦各位有做过的  给点提示,谢谢了!  有类似的代码麻烦各位能发一份看看,感谢了

解决方案 »

  1.   

    jquery联动。楼主后台返回一组这样的json 
    {'success':true,'data':[{'ParentNo':'A','ParentName':'A课'},{'ParentNo':'B','ParentName':'B课'},.......]}
    $(function() {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            cache: true,
            url: '../DATA/Department/parentpart.ashx',
            success: function(data) {
                if (data.success == true) {
                    var options = data.data;
                    $.each(options, function(i) {
                        $('#sltPart').append('<option value="' + options[i].ParentNo + '">' + options[i].ParentName + '</option>');
                    });
                    $('#sltPart').change(function() {
                        if ($('#sltUnit').length > 0) {
                            $.getJSON('../DATA/Department/childpart.ashx?partno=' + $('#sltPart').val() + '', function(data) {
                                if (data.success == true) {
                                    var options = data.data;
                                    $('#sltUnit').empty().append('<option value="-1">选择单位</option>');
                                    $.each(options, function(i) {
                                        if (options[i].ChildName != undefined) {
                                            $('#sltUnit').append('<option value="' + options[i].ChildNo + '">' + options[i].ChildName + '</option>');
                                        }
                                    });
                                }
                            });
                        }
                    });
                }
            }
        });
    });
      

  2.   


    Jquery和JSP完全没关系啊,它是独立的JS库,任一种网络编程语言甚至只是HTML都可以使用。楼主的需求,又级联又补全的,未免过于重视细节,二者有其一即可了,看看很多大网站,也没有在这方面花太大工夫,精力最主要的是用于实际的功能和整个系统的安全性、效率性、稳健性、扩充性、维护性……很多地方才真正需要你下工夫。
      

  3.   

    呵呵,谢谢theforever,jquery我知道是Ajax的开发库,但是现在需求就是这样子的,客户要求下拉框,并且还可以支持用户手动输入,系统要根据用户输入进行自动补全....还是希望各位能多多帮助,谢谢了 
      

  4.   


    你很有才,“jQuery是AJAX开发的库”,膜拜一下。
      

  5.   

    http://hi.baidu.com/1d7500/blog/item/f7e59c030e5f7181d43f7c58.htmljquery的木有 JS有。。
      

  6.   

    搜索一下Google的自动补全,有仿照的实现,读取xml或者JSON都可以,其实1#的应该就可以的。