我有这个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,但不是相反的。