JQueryonchange用于多个元素，但只触发一次-JQueryonchangeformultipleelementsbuttriggeronlyonce

I have many select boxes in an HTML page and I have used the same class name 'paperGSM' for all select elements and a function which triggers on change of the select box elements value.

我在HTML页面中有很多选择框,我为所有选择元素使用了相同的类名'paperGSM',并且在更改选择框元素值时触发了一个函数。

var getPaperTypeFromGSM = function()
{
    $('div').off().on('change', '.paperGSM', function ()
    {
        console.log($(this).val());
        var url = 'api/getPaperTypeFromGSM';
        var postData = {
            paperGSM: $(this).val()
        };
        var $current = $(this);
        $.post(url, postData, function (result)
        {
            if (result.result == 1) {
                var output = "";
                output += 'Select Paper Type';
                for (var i = 0; i ' + result.paperType[i].paper_type_name + '';
                }
                $current.siblings('.paperType').prop("disabled", false).html(output);
                getPaperSizeFromPaperType();
            } else {
                Result.error(result);
            }
        }, 'json');
    });
    return false;
};

Every time the change event occurs it triggers multiple times (maybe it triggers for all the elements with the same class name). The image below explains the situation.

每次发生更改事件时,它都会多次触发(可能会触发具有相同类名的所有元素)。下图说明了这种情况。

P.S: My logic and even the post function are working fine

P.S:我的逻辑甚至后期功能都运行良好

As I do not want to hardcode the events for all elements (like give all elements different class name and hardcode the functions for all), I only want one function working for all the same class elements but trigger it only once.

因为我不想对所有元素的事件进行硬编码(比如为所有元素提供不同的类名和硬编码函数),我只希望一个函数适用于所有相同的类元素,但只触发一次。

If I ignore the multiple triggers everything is working fine it's just that, that thing is bothering me a lot.

如果我忽略了多个触发器,一切都运行正常就是这样,那件事让我烦恼不已。

2 个解决方案

$('div').on('change', '.paperGSM', function (event){ 
event.stopPropagation(); 
// ...and rest of your codes..
}

// The input:


// The function:
function set_boxes_color(picker) {
    var elements = $(".p_box");
    for (var i = 0; i