jQuery 脚本在以编程方式(不是由用户）更改选择选项时不起作用

jQuery script doesn't act when changing the select option programatically (not by the user)

本文关键字：用户 选择 不起作用 选项 脚本 编程 方式 jQuery      更新时间：2023-09-26

我有这个jQuery脚本，工作正常：

$("select").change(function () {
          var finalPrice = 0;
          $("select option:selected").each(function () {
                if ($.cookie('descuentoGen') != null){  
                    finalPrice = Math.floor(precios[$(this).index()]*$.cookie('descuentoGen'));
                } else{
                    finalPrice = precios[$(this).index()];
                }
              });
          $("#precioFinal").text(finalPrice);
        })
        .trigger('change');

如您所见，当用户在select中选择另一个选项时，它只是执行一些操作。

现在，在不同的脚本中，我称之为：

document.getElementById('selectFoods').selectedIndex = t;

这应该工作，因为它实际上更改了选定的选项，问题是，为什么我以这种方式更改所选选项，初始 jQuery 脚本中的操作不会执行。

有没有办法解决这个问题，或者我必须在另一个脚本中复制 jQuery 脚本行为？

试试这个

$('#selectFoods').prop('selectedIndex', t).change();

演示

使用 selectedIndex 不会触发更改事件。你必须自己触发它。

我认为您必须自己触发事件，因为我可以知道没有一个侦听器可以跟踪每个选择框的 selectedIndex，因此当 selectedIndex 更改时，js 引擎可以触发该事件。 也就是说，是默认的 change（） 行为改变了 selectedIndex，但不是相反的。

相关文章：