Javascript 如何使用选项更改信息

我在想怎么做。我在一家销售存储建筑的公司工作，我正在尝试向我们的网站添加一些新组件，其中一个是交互式的。我想要的是能够在按下按钮或选择选项（选项标签）时切换图片或文本（最好两者都切换）。如果有人能帮忙，那就太好了

这个页面是我一直在尝试的（几个小时），但它并没有为我工作

我知道相当多的html和最少的javascript，如果可能的话，请简单地说。

html

jQuery

div {
    background: red;
    height: 150px;
    width: 150px;
}

$(document).ready(function() {
    $('select:#colour').change(function() {
       var colour = $(this).val();
        $('div').css({'background': colour});
    });
});

您可能希望使用“编辑代码”更改为产品图像

---

这里有一个演示：

请举例说明需要帮助的代码。你的页面有很多行，我们没有时间/精力浏览所有的行…@Sergio，我知道，那代码把我弄糊涂了！！底部的那一部分，带花的图片根据选项的选择而改变，CSS需要在标题中，有时这种类型的东西在我们的网站上不起作用，因为它最初的构建方式根本不起作用：-（这是它需要再次打开的站点，我知道的javascript非常少，所以请轻松设置它工作正常吗？您的图像会根据所选选项进行更改。

$(document).ready(function() {
    $('select:#colour').change(function() {
       var colour = $(this).val();
        $('div').css({'background': colour});
    });
});