Javascript 链接在下拉列表中选择不工作IE8/9打开下拉列表选择链接，警报工作

看来IE8和IE9让我很伤心，我想不出别的办法

以下功能适用于Chrome、FF和Safari。

有两个下拉列表，每个下拉列表包含两个链接。每个下拉列表都有自己相应的“立即购买”按钮。当进行下拉选择时，通过jquery加载url，当用户单击“立即购买”按钮时，将打开一个新窗口，显示相应的下拉选择

在IE8/9中，当用户选择一个下拉列表并单击buy now按钮时，它会抛出一个警报，提示没有进行选择

Jquery：

    $(".buyNow").on("click", function (e) {
     var url = $(e.target).parent().children().find("[data-active]").data("val");
    if (url) {
        window.open(url, "_blank");
    } else {
        window.alert("Please select a bag size.");
    }
})

---

问题在于e.target与其他浏览器不同。因此父元素是另一个元素，它无法找到属性，因为它不是子元素。简单的调试就会显示出来

使用

.closest（“.someClass”）

而不是

.parent（）

或改变

var url = $(e.target)...

到

什么样的悲伤？会发生什么？你有没有收到任何错误消息？对我来说很好IE@epascarello嗯，我似乎无法在ie8或IE9中使用它。实际上，网站是www.dangfoods.com/shop。php@Guffa，它无法识别URL并抛出警报，就像在下拉列表中没有选择一样。页面
SCRIPT5007上存在JS错误：无法获取未定义或空引用的属性'stopPropagation'，请按page.JS，第20行字符3
修复该错误
var url = $(this)...