javascript - 选择更改事件触发多次

Question

下拉列表的“更改”事件发生了非常奇怪的事情。

基本上我有一个下拉列表，在更改时我必须进行一些跨域 Web 服务调用。此调用是从 javascript 本身进行的。

当我第一次更改“选择”列表中的项目时，更改事件仅触发一次。下一次两次，它长成这样。

知道为什么它会这样吗？

如果需要引用代码，我可以分享。但它是一个简单的“选择”列表和“更改”事件处理程序。

$("#ArtifactSort > select").change(function() {        

    var rankField= "";
    rankField = $("#ArtifactSort > select option:selected").text();

    alert('within select change event artifact: '+ rankField );

    //Making the text little lighter and showing the loading icon.
    //$("#ArtifactPetalContentUL").css("filter", "alpha(opacity: 30)");
    $loadingIconForArtifact = addLoadingIcon("ArtifactPetalContentUL", "Artifact");

    var refinedStoresLocal= new Array();
    for (var storeIndex in _searchResponseForArtifact.searchResult.searchRequestProcessed.stores) {
        refinedStoresLocal.push(_searchResponseForArtifact.searchResult.searchRequestProcessed.stores[storeIndex].name);
    }

    var refinedFiltersLocal = new Array();
    for (var filterIndex in _searchResponseForArtifact.searchResult.searchRequestProcessed.filters) {
        refinedFiltersLocal.push(_searchResponseForArtifact.searchResult.searchRequestProcessed.filters[filterIndex]);
    }

    //rankfield.
    var rankLocal=new Array();
    rankLocal.push(new RankingField(rankField, 1, 0));
    //Request object and WS Call.
    var _searchRequestForArtifactLocal = getArtifactSearchRequestObject(_queryStringLocal, _memberId, _communityId, _pageNumber, _pageSize, propertiesForArtifact, refinedStoresLocal, ClassificationClusteringObjectsForArtifact, refinedFiltersLocal, rankLocal);
    getSearchResponse("successcallForArtifact", _searchRequestForArtifactLocal);
});

谢谢亚子。

Answer 1

您必须从更改处理程序中绑定(bind)一个新的处理程序。因此，每次运行时，它都会添加一个额外的处理程序实例以供下次执行。

向我们展示您分配给更改事件的处理程序(以及您如何处理)以获得更详细的答案..

[更新]

从您的代码来看，一切似乎都很好。请检查您调用的两个函数(addLoadingIcon 和 getSearchResponse)，以防它们执行任何 jQuery 事件绑定(bind)，这可能无意中应用到选择对象..

同时检查您的 RankingField 构造函数，以防它绑定(bind)任何事件 ...