Html Select标记如何在不使用eval（）的情况下将字符串值转换为javascript？

我在一些帖子中读到，在JavaScript中使用eval（）方法不是一个好的做法。因此，我想找到一种方法，在不使用eval（）的情况下，在selectedColorValue上获得相同的值，并能够操纵该值。 我试过了

const selectedColorValue=color.options[color.selectedIndex]；但是任何成功

HTML

---

您的eval似乎没有必要，只需从元素本身检索

值

属性，它就会将其返回到变量

color

const color = document.getElementById('color').value; 

或者，如果希望将元素保留为变量：

const color = document.getElementById('color'); 
const selectedColorValue = color.value;  //No need for eval

---

您的脚本上缺少一个

.value

，如下所示：

请单击下面的

运行代码片段

蓝色按钮

函数getValue（）
{
const color=document.getElementById（'color'）。值；
控制台。日志（颜色）；
}

蓝色
红色
绿色

const color = document.getElementById('color').value; 

const color = document.getElementById('color'); 
const selectedColorValue = color.value;  //No need for eval