我有这个网站 - http://kingsberryfuels.com/ - 如果您在Chrome浏览器上访问并选择汽油作为燃料类型,那么使用jQuery我正在更改下面select中的选项。如果您选择家庭供暖油,则可以选择很多选项,但汽油没有这样的选项。
无论如何,当我选择汽油并选择有限选项之一然后单击转到下一页时,如果我然后点击返回按钮,当我回到前一页时,我看到燃料类型仍是汽油,但数量选择的选项不正确。
这只会在Chrome中发生,在Firefox中一切都像我期望的那样工作。有人能帮我吗?
我正在使用的js/php是:
var homeOptions = {
<?php foreach($oilHome as $liter) {
echo '"'.$liter['litres'].'": "'.$liter['litres'].'",';
}?>
};
var businessOptions = {
<?php foreach($oilOil as $liter) {
echo '"'.$liter['litres'].'": "'.$liter['litres'].'",';
}?>
};
$("#fueltype").change(function() {
var $el = $("#quantity");
var fueltype = $("#fueltype").val();
if(fueltype == 'Home Heating Oil') {
var newOptions = homeOptions;
} else {
var newOptions = businessOptions;
}
$el.empty(); // remove old options
$.each(newOptions, function(key, value) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
});