首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用select options input js更改正文背景颜色

使用select options input js更改正文背景颜色
EN

Stack Overflow用户
提问于 2018-06-10 02:03:54
回答 1查看 399关注 0票数 2

我希望主体的背景颜色根据所选的选项值和textContent而改变。

代码语言:javascript
复制
select.addEventListener('input', function() {
  for (let i = 0; i < select.length; i++) {

    text = select.options[i].text;
    value = select.options[i].value;

    if (value == "Turquoise") {
      body.style.backgroundColor = value;
    } else if (text == "Sun Flower") {
      body.style.backgroundColor = value;
    } else if (text == "Pumpkin") {
      body.style.backgroundColor = value;
    } else if (text == "Alizarin") {
      body.style.backgroundColor = value;
    } else if (text == "Emerald") {
      body.style.backgroundColor = value;
    } else if (text == "Peter River") {
      body.style.backgroundColor = value;
    } else {
      body.style.backgroundColor = "#bdc3c7";
    }
  }

});

问题是,当我选择一个选项时,通过检查最后一条else if语句,背景颜色只会改变一次。我尝试使用inputchange event,但没有任何变化。

options[i].value包含十六进制颜色名称

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50777128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档