javascript - 更改背景图像的下拉菜单不执行任何操作

Question

这是我在 Stack Overflow 上的第一个问题(如果我做错了很抱歉)

无论如何，我正在尝试创建一个下拉菜单来更改网站的背景图像。但是，在选择选项时，没有任何反应。

编辑 我的工作代码是:

function changeTheme()
    {
        var e = document.getElementById("bg");
        var strUser = e.options[e.selectedIndex].text;
        if (strUser == "default")
        {
            document.body.style.backgroundImage = "url(Thresh_BG.png)";
        }
        if (strUser == "darkstar")
        {
            document.body.style.backgroundImage = "url(dark star.png)";
        }
    }

<div id="bg">
  <form>
    <select name="bg" id="bg" onchange="changeTheme();">
      <option value="default">Default</option>
      <option value="darkstar">Dark Star Thresh</option>
    </select>
  </form>
</div>

 

Answer 1

首先，您的 HTML 中存在 ID 冲突。您可以将您的 div 的 id 更改为除 bg 以外的任何内容；让我们说 bg1。

然后，您需要访问选项的值而不是其文本，因此它将是:

var strUser = e.options[e.selectedIndex].value;