javascript - 当用户单击可配置产品中的下拉菜单时弹出消息？

Question

在可配置的产品页面中，当用户从下拉菜单中选择“缺货”产品时(其中有不同尺寸的产品可供选择)，我尝试显示一条消息。

问题是我不知道点击下拉菜单时使用的JS代码在哪里。

我的下拉菜单如下所示:

Choose a size
38 - Out of stock
40
42
44
...

我怎样才能做我想做的事？我在 js/varien/configurable.js 中搜索，但我不确定它在这里，我只看到:

this.settings.each(function(element){
        Event.observe(element, 'change', this.configure.bind(this))
    }.bind(this));

这段代码有用吗？

谢谢。

Answer 1

我相信您可以通过以下步骤实现这一目标:

1) 转到下面的链接并按照建议粘贴代码。当您选择可配置选项时，这将为您提供简单的关联产品 ID。 http://inchoo.net/magento/getting-selected-simple-product-id-in-configurable-product-on-client-side/

2) 稍后在 jquery 中编写更改事件，并从上面的 url 复制的函数中获取选择产品 ID。然后使用简单的 jquery 发送产品 ID 作为参数发送 ajax 请求。在您的 Controller 中检查产品库存。如果该产品缺货，则发送弹出 HTML 作为响应并将其显示给用户。