Question

我有menu.html页面，在该页面中我有环境，噪音，污染等类别。我有每个类别的子类别。根据类别和子类别的选择，我必须在下一页显示不同的图像和不同的字体颜色......

HTML / JavaScript中的任何想法/建议......

由于库马尔

Answer 1

css类怎么样？您可以为特定类提供字体颜色和背景图像。

Answer 2

如果您要链接到其他页面，则可以将查询字符串添加到URL并从第二页进行操作。

<a href="page.html?font=red&image=pollusion">Pollusion</a>

Answer 3

<script type="text/javascript">
    function changeImage(){
        var selectBox = document.getElementById("selectbox");
        var selectedValue = selectBox.options[selectBox.selectedIndex].value;
        document.getElementById("img").src = selectedValue + ".png";
    }
</script>

您也可以使用selectBox.options[selectBox.selectedIndex].innerHTML检查所选内容的值。如果您有很多选项并且不想设置所有内容的价值，那将会更容易。

如果服务器上的图像与每个选项的值具有相同的名称，则甚至不需要使用if语句。但是，如果图像位于不同的位置或具有不同的名称/扩展名，则可以设置如下代码：

<script type="text/javascript">
    function changeImage(){     
        var selectBox = document.getElementById("selectbox");
        var selectedValue = selectBox.options[selectBox.selectedIndex].value;
        var img = document.getElementById("img");
        if (selectedValue == "html"){
            img.src = "images/html.png";
        } else if (selectedValue == "css"){
            img.src = "images/css.jpeg";
        }
    }
</script>

根据HTML中的选定类别显示图像

3 个答案: