如何在select元素中获取选中项的ID文本？

Question

如何在select元素中获取选中项目的ID文本？

我需要它来更改文本的颜色，例如，一个id可能是“红色”。

let width = size.width
let sizey = size.height

基本上，我将选项的ID命名为“红色”，“黄色”和“蓝色”，因此我需要一些东西来获取这些ID的文本并将其添加到<script> function add(){ var str = document.getElementById("item"); str.style.color = ; } </script> 之后。

Answer 1

我尝试使用jquery。

此“ my_select”中的选择器。您可以通过：selected

获得完整的元素

$("#my_select").change(function() {
var id = $(this).children(":selected").attr("id");
});

您可以通过此关键字来获取完整的元素。尝试通过日志

$("#my_select").change(function() {
console.log(this);
});

获取完所有元素后，您可以执行任何操作，例如更改颜色或加粗等。