Question

我有像这样的HTML：

<select onclick="colorchanger()">
  <option name="white" value="0">--Select--</option>
  <option name="red" value="1">Work</option>
  <option name="green" value="2">Doesn't Work</option>
</select>

选择选项时，我需要更改选择框颜色。我理解如何通过使用值来改变颜色，但我需要使用名称。有人可以帮忙吗？如何为这个函数编写javascript？

Answer 1

尝试以下方法：

＆＃13;

function colorchanger(op){
  var color = op.options[op.selectedIndex].getAttribute('name');
  op.style.backgroundColor=color;
}

＆＃13;

<select onclick="colorchanger(this)">
  <option name="white" value="0">--Select--</option>
  <option name="red" value="1">Work</option>
  <option name="green" value="2">Doesn't Work</option>
</select>

＆＃13;

Answer 2

使用'onchange'处理程序。不需要每次点击都改变颜色。

function colorChanger(select) {
  var color = select.options[select.selectedIndex].getAttribute('name');
  select.style.backgroundColor=color;
};

<select onchange="colorChanger(this);">
  <option name="white" value="0">--Select--</option>
  <option name="red" value="1">Work</option>
  <option name="green" value="2">Doesn't Work</option>
</select>

在选择选项时，无法弄清楚如何更改选择框颜色

2 个答案: