Javascript 获取onClick事件以选择并在html选择表单上显示选择更改

目标：使用

onClick

事件运行函数。该函数用于更改值并在HTML表单中的

元素中显示所选值。我意识到

.val

仅应用该值。
它实际上是将选择文本更改为空

我尝试过使用

.attr

并应用一个选定的属性，但这似乎也不起作用

onClick

，我希望将值更改为颜色，并在选择框中显示颜色。如果触发“选择框”下拉列表，我仍然希望能够选择其他颜色选项。

有办法吗

<script>
function changeColor(color) {
  $(".select-color").val("'" + color + "'");
}
</script>

功能更改颜色（颜色）{
$（“.select color”）.val（““+color+”）；
}

选择框

<select class="select-color"><option value="">SELECT A COLOR</option><option value="BLACK">BLACK</option><option value="RED">RED</option></select>

选择一种颜色BlackRed

链接

---

假设我们想要将背景颜色更改为红色，那么我们需要使用css方法来更改颜色。请在下面找到工作示例：

函数更改颜色（颜色）{
$（“.select color”）.val（color）；
$（“.select color”）.css（“背景色”，颜色）；
}

选择一种颜色
黑色
红色

只需将

changeColor

的主体更改为：

$(".select-color").val(color);

您不希望或不需要在值周围包含这些额外的引号

功能更改颜色（颜色）{
控制台。日志（颜色）；
$（“.select color option[value=“+color+”]）。prop（'selected'，true）；
;
}
选择框
选择一种颜色
黑色
红色
链接

请使用以下代码更改“选择”下拉列表的值和车身背景色

功能更改颜色（颜色）{ $（“.select color”）.val（color）；

---

}注意：我没有试图更改背景颜色…我正在尝试将“选择”中的文本更改为红色。红色是一种选择。我希望它看起来像用户已经放下了“选择”和“选择的红色”注意：我没有尝试更改背景颜色…我正在尝试将“选择”中的文本更改为红色。红色是一种选择。我想让它看起来像是用户已经按照罗宾的回答放下了select和selected REDfixed。我的语录把事情搞糟了。到处的语录把事情搞糟了。这就解决了问题。我以为我已经试过了，但显然没有

$(".select-color").val(color);