具有相同类名的多个下拉列表：仅触发onchange事件一次

Question

我正在呈现用户的替代品列表，其中一些替代品的select类名为.product-dropdown。在我的脚本中，我有一个onchange事件，如下所示：

$(document).on("change", ".product-dropdown", function () {
    // do stuff
    // ...
    // ...
)};

我的问题是，当用户更改备选方案时，先前选择的备选项和新备选项的下拉列表都会触发change事件，这会使代码运行两次，因为我正在进行ajax调用， API遇到了问题。我怎样才能确保此调用仅被触发一次，即使两个下拉列表实际发生了变化？我尝试将更改事件解除绑定：

$(".product-dropdown").unbind("change");

但无济于事。