Javascript 如何根据在选择框中选择的不同选项显示不同的图片？_Javascript_Html

Javascript 如何根据在选择框中选择的不同选项显示不同的图片？

javascript html

Javascript 如何根据在选择框中选择的不同选项显示不同的图片？,javascript,html,Javascript,Html,我有一个带有多个选项的选择框，我正试图找出一种方法，根据所选的选项，为每个选项显示一张图片。我在这里非常需要帮助，因为我需要尽快完成这项工作。我试图让它自动发生（当选择该选项时）或使用按钮（取决于选择的选项），但到目前为止，我无法想出任何可行的方法。非常感谢您的帮助提前谢谢您应该检查所选的值，并更改的以下是一个示例： HTML 每当选择一个新的时，onchage=“changeImage（）；使调用函数changeImage（） <!DOCTYPE html> <html

我有一个带有多个选项的选择框，我正试图找出一种方法，根据所选的选项，为每个选项显示一张图片。我在这里非常需要帮助，因为我需要尽快完成这项工作。我试图让它自动发生（当选择该选项时）或使用按钮（取决于选择的选项），但到目前为止，我无法想出任何可行的方法。非常感谢您的帮助

提前谢谢

您应该检查所选

的值，并更改

的

以下是一个示例：

HTML 每当选择一个新的

时，

onchage=“changeImage（）；

使

调用函数

changeImage（）

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <select id="selectbox" onchange="changeImage();">
        <option value="html">HTML</option>
        <option value="css">CSS</option>
        <option value="javascript">JavaScript</option>
    </select>
    <img id="img" src="" />
</body>
</html>

到目前为止你做了什么？在这个例子中展示你的工作手册：非常感谢！你的回答非常棒！我非常感谢你的帮助！@user2220872可能有点晚了，但是你能把它标记为正确答案吗？

<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>

<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>