DropDownList / SELECT项目上的Jquery激活已更改

时间:2013-04-05 17:55:10

标签: javascript jquery html

我有一些JQuery代码可以过滤掉页面上的链接列表。目前,当点击盲人href链接时会触发过滤。链接的ID用于确定哪些内容在页面上保持可见。 EG:

<script type="text/javascript">
$(document).ready(function () {

    //when a link in the filters div is clicked...
    $('#filters a').click(function (e) {

        //prevent the default behaviour of the link
        e.preventDefault();

        //get the id of the clicked link(which is equal to classes of our content
        var filter = $(this).attr('id');

        //show all the list items(this is needed to get the hidden ones shown)
        $('#content ul li').show();

        /*using the :not attribute and the filter class in it we are selecting
        only the list items that don't have that class and hide them '*/
        $('#content ul li:not(.' + filter + ')').hide();

    });

});

我需要更改它,以便在DropDownList / SELECT中更改选项时激活JQuery。但是,我无法理解如何更改此JScript以检测DDL中的选择而不是超链接。

非常感谢任何帮助。

感谢。

1 个答案:

答案 0 :(得分:4)

使用change()事件

$("#idOfDropDown").change(function() {
    //code here
    var filter = this.value //gets the value of the selected dropdown item.
});

每次下拉选择都会触发。