无法更改选择选项的颜色-Java脚本

mrwjdhj3 于 2022-09-18 发布在 Java

关注(0)|答案(1)|浏览(194)

在按下选项中的每一种颜色后，我正在尝试更改H1颜色。然而，我的js代码不起作用。有什么建议吗？

HTML:
<html lang="en">
<body>
    <h1 id="hello">Hello!</h1>
    <select>
      <option value="black">Black</option>
      <option value="red">Red</option>
      <option value="green">Green</option>
      <option value="blue">Blue</option>
    </select>
  </body>
  <script src="test.js"></script>
</html>

JS:
document.querySelector("select").onchange = () => {
  document.querySelector("#hello").style.color = this.value;
};

JavaScript

来源：https://stackoverflow.com/questions/73761875/unable-to-change-color-of-select-option-javascript

1条答案

按热度按时间

dphi5xsq1#

在您的代码中，this是指窗口，而不是select。使用Event对象并从SELECT

document.querySelector("select").onchange = (e) => {
  document.querySelector("#hello").style.color = e.target.value;
};

<h1 id="hello">Hello!</h1>
<select>
  <option value="black">Black</option>
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

赞(0）回复(0）举报 2022-09-18

我来回答

无法更改选择选项的颜色-Java脚本

1条答案

相关问题

热门标签

最新问答