如何在代码中触发jQuery change事件


177

我有一个运行正常的更改事件,但需要递归进行。

因此,我有一个在更改时触发的函数,该函数将基于类选择器“更改”其他下拉菜单(注意“ drop downS”,可能有多个)。此代理更改不会触发功能,因此会失败。我如何使它工作?

$(document).ready(function () {
    var activeDropBox = null;

    $("select.drop-box").change(function () {
        var questionId = $(this).attr("questionId");
        var selectedAnswer = $(this).val();
        activeDropBox = this;

        alert(this.questionId);

        $.ajax(
        {
            type: "POST",
            url: answerChangedActionUrl,
            data: { questionId: questionId, selectedValue: selectedAnswer },
            success: function (data) {
                SetElementVisibility(data.ShowElement, questionId);
            }, error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('XMLHttpRequest:' + XMLHttpRequest.responseText);
                alert('textStatus:' + textStatus);
                alert('errorThrown:' + errorThrown);
            }
        });
    });

    function SetElementVisibility(visible, questionId) {
        // I would like each child to then trigger the change event...
        $(".childOf" + questionId)[visible ? 'show' : 'hide']('slow');

        // Suggested code
        //$(".childOf" + questionId + " select").trigger("change");

        if (!visible) {
            $(".childOf" + questionId + " select").attr('selectedIndex', 0);
        }
    }
}

到目前为止,这些建议似乎可行,但是由于change事件触发了ajax发布,因此现在似乎在此处失败。我将尝试使用它,但这是我感觉到的另一个问题。


1
提供一些代码,以便我们看一下
Alex Rashkov 2010年

当您没有向我们展示是什么时,我们如何告诉您如何使其工作?
user113716 2010年

1
我以为这是一个简单的概念,所以觉得不需要代码。到目前为止的答案似乎已经理解了我的解释,因此我现在正在尝试解决方案。如果我不高兴,我将发布一些代码。我的实现实际上要复杂得多。
4imble 2010年

1
对它进行排序,这是我在ajax发布后更改值的问题。谢谢大家的帮助。所发布的建议很有魅力。
4imble 2010年

Answers:






8

使用那个:

$(selector).trigger("change");

要么

$('#id').trigger("click");

要么

$('.class').trigger(event);

触发事件可以是javascript支持的任何事件。希望大家都容易理解。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.