100分求助 Gridview 即时搜索， 用JavaScript（JQuery），如何在GridView中嵌入一个ComboBox，实现对下拉数据的搜索

[liguoglory]

用JavaScript（JQuery），在GridView中嵌入一个ComboBox，实现对下拉数据的即时搜索
效果图如下


求详细代码以及注释 急求啊 要求用JavaScript写的代码啊

[md5e]

ajax技术

[liguoglory]

我也知道是ajax 可是老师给的书上讲的javascript里没有包含combox的控件 来不及现学了 这题又明确要求必须用javascript做

[yaotomo]

jQuery插件jquery.dataTables.js可以实现你的功能。在文本框中输入搜索关键词，马上可以匹配所有字段中出现此关键字的所有记录，无需刷新界面。其实是使用了Ajax技术。不过因为插件已经给你封装好了，所以你直接给插件传参数就可以了。

[yaotomo]

            $('#datatable').dataTable({
                "bAutoWidth": true,
                "aaSorting": [[4, "desc"]],
                "oLanguage": { "sZeroRecords": "找不到符合条件的数据",
                    "sSearch": "关键字：",
                    "sProcessing": "处理中...",
                    "sLoadingRecords": "加载中...",
                    "sInfo": "显示_TOTAL_条记录中的_START_到_END_条记录",
                    "sInfoEmpty": "符合条件的记录数为0，",
                    "sInfoFiltered": "共_MAX_条记录",
                    "sLengthMenu": '每页 <select>' +
                                               '<option value="10">10</option>' +
                                               '<option value="20">20</option>' +
                                               '<option value="30">30</option>' +
                                               '<option value="40">40</option>' +
                                               '<option value="50">50</option>' +
                                               '<option value="-1">全部</option>' +
                                               '</select> 条记录',
                    "oPaginate": {
                        "sPrevious": "上一页",
                        "sNext": "下一页",
                        "sLast": "尾页",
                        "sFirst": "首页"
                    }
                }
            });