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

Question

我有一些 JQuery 代码可以过滤掉页面上的链接列表。目前，当单击带有盲 href 的链接时会触发过滤。链接的 id 用于确定哪些内容在页面上仍然可见。例如：

<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 中的选择而不是超链接。

任何帮助将不胜感激。

谢谢。

Answer 1

使用 change() 事件

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

每次进行下拉选择时都会触发。