js
(function($) {
    $.widget("fishout.scrollToText", {
        /***********************
         * Initialise SuperArea *
         ***********************/
        _init : function() {
            var inputDom = $("#" + this.options.inputId);//獲得輸入源
            this.element.css("overflow-y", "auto").width(this.options.width).height(this.options.height);//定制搜索區(qū)域
            var $this = this;
            inputDom.keyup(function() {
                var str = inputDom.val();
                if ($this.pre) {
                    $this.pre.removeClass($this.options.selectClass);//清除歷史選中的樣式
                }
                if (str.gblen() >= $this.options.startMinLen) {//gblen是計(jì)算中文字節(jié)長(zhǎng)度的方法
                    //獲得本次過(guò)濾的jquery對(duì)象
                    $this.pre = $this.element.find($this.options.queryDom + ":contains('" + $(this).val() + "')"+($this.options.maxFilter!=-1?':lt('+$this.options.maxFilter+')':''));
                    $this.pre.addClass($this.options.selectClass);//高亮顯示
                    $('#contains').stop().scrollTo($this.pre.eq(0), $this.options.delayTime);//自動(dòng)定位
                }
            });
        }});

    // Public global variables
    $.extend($.fishout.scrollToText, {
        version: '0.9',
        pre:null,
        defaults :{
            inputId:'',//過(guò)濾控件id
            queryDom:'td',//搜索組件區(qū)域，目前僅支持單個(gè)屬性，有需求會(huì)擴(kuò)展為數(shù)組[]
            width:"100%",//控件寬度
            height:"100px",//控件高度
            delayTime: 1000,//定位動(dòng)畫(huà)時(shí)間
            startMinLen: 4,//啟動(dòng)過(guò)濾最小的字符數(shù)
            maxFilter: 10,//最大過(guò)濾結(jié)果 -1不限制
            selectClass:'selectText'//選中對(duì)象的樣式class
        }});

})(jQuery);

html

<div style="background:#AAE3FF;width:220px;">
    過(guò)濾條件：<input type="text" id="qrystr" value=""></div>

<div id="contains" style="border:1px dotted black">
    <!--<div id="contains" style="width:220px;height:200px;overflow-y:auto;">-->
    <table style="width:200px;height:100%" border=1>
        <tr>
            <td>
                <input type="radio">組織機(jī)構(gòu)1
            </td>
            <td>
                <input type="radio">組織機(jī)構(gòu)2
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio">組織機(jī)構(gòu)11
            </td>
            <td>
                <input type="radio">組織機(jī)構(gòu)12
            </td>
        </tr>
    </table>
</div>
</body>
<script type='text/javascript'>
    $(function() {
        $('#contains').scrollToText({
            inputId:'qrystr',//過(guò)濾控件id
            width:"220px",//控件寬度
            height:"300px",//控件高度
            delayTime: 1000,//定位動(dòng)畫(huà)時(shí)間
            startMinLen: 4,//啟動(dòng)過(guò)濾最小的字符數(shù)
            maxFilter: 10,//最大過(guò)濾結(jié)果 當(dāng)=-1不限制
            selectClass:'selectText'//符合過(guò)濾條件內(nèi)容class
        });
    })
</script>