在超级鱼菜单中的jquery搜索和过滤元素

时间:2010-07-28 10:58:57

标签: jquery search filter superfish

我正在使用Superfish jquery插件及其罚款。但是我有一个带有*很多声音的菜单(至少300个),我想知道是否有办法放置一些文本字段并根据用户写的内容过滤菜单语音。

像这样(http://jsearchdropdown.sourceforge.net/)......但这个看起来很难看!

此致 Segolas

1 个答案:

答案 0 :(得分:0)

解决。我的代码在一个大的html表中搜索,该表包含与电子邮件相关的字段,并根据用户在输入文本字段中键入的内容在菜单中添加和删除元素。

Javascript代码:

$(function(){
$('#msgIndexUL').superfish();

$("#menuFilterTextField").keyup(function(){         
    $("#msgIndex li:not('#menuFilter')").empty();

    var id;
    var mailSubject;
    $(".results tbody tr").filter(":contains('"+ $("#menuFilterTextField").val() +"')").each(function(){        
        id = $(this).attr('id');
        mailSubject = $($(this).children(".mailSubject")).html();       
        $("#msgIndex").append("<li><a href='#"+id+"'>"+mailSubject+"</a></li>");                            

    });                         
});

});

和html:

<ul id="msgIndexUL" class="sf-menu">
                <li class="current">
                    <a href="##">Indice dei messaggi</a>
                    <ul id="msgIndex">
                        <li id="menuFilter"><input type="text" id="menuFilterTextField"/></li>
                    </ul>               
                </li>
</ul>