1

我是 PHP 新手，正在尝试弄清楚如何编写一些特定功能。我有一个显示照片的产品页面，并且有两个下拉菜单，一个用于大小，一个用于颜色。我想做的是当页面第一次加载时，我设置了一个具有默认产品 SKU 的变量。当菜单更改时，我想将变量更改为所选两个菜单项的组合值。随着变量的变化，我想在照片和隐藏的表单值中反映这一点（最终提交到购物车）。

因此，当页面加载时，它会在大小和颜色下拉列表中显示图片 A 以及相关值。然后，当任一下拉菜单更改时，照片会动态更改以反映它（同时也更新隐藏的表单值）。

任何建议将不胜感激。

4

2 回答 2

3

JavaScript，或者像 jQuery 这样的 JS 库，是你需要的。

对于 jQuery（首选，更简单）：

var $select = $('#Dropdown'),
    $img = $('#Picture');

$select.on('change',function(){
    $img.attr('src',$(this).val());
});

对于 JavaScript：

var dropdown = document.getElementById('Dropdown'),
    img = document.getElementById('Picture');

dropdown.addEventListenter('change',function(){
    img.src = this.value;
});

未经测试，但应该可以工作。

编辑：使用 JavaScript 解决方案时，请确保先加载窗口（如果元素尚不存在，它将不起作用）。

window.onload = function(){
    // do your magic here
}
于 2013-01-28T19:31:05.737 回答
2

首先，PHP 是一种服务器端语言，这实际上意味着它生成的任何内容都必须由服务器处理，然后发送回浏览器。因此，在这种特殊情况下，您需要使用诸如 Javascript 之类的客户端语言，或者为了使代码更简单，使用诸如 jQuery 之类的库。

要了解有关 jQuery 的更多信息，请参见此处：

http://jquery.com/

用非常笼统的术语（因为您没有发布任何代码），这是一个使用 jQuery 更改图像的示例：

// Select the dropdown from the DOM
var dropdown = $('#dropdown_id');

// Select the image from the DOM
var image = $('#image');

// Set the onchange event
// This will be fired when the select value is changed
dropdown.on('change',function(){
    // Get the value of the selected option
    var value = $(this).val();

    // Change the source of the image
    image.attr('src',value);
});
于 2013-01-28T19:40:59.820 回答