Html-Select-Tag-Как преобразовать строковое значение в JavaScript без использования eval ()?

Question

Я читал в одном посте, что не рекомендуется использовать метод eval () в JavaScript. Поэтому я хотел бы найти способ получить то же значение для selectedColorValue без использования eval () и иметь возможность манипулировать этим значением. Я пробовал с

const selectedColorValue = color.options [color.selectedIndex]; но никакого успеха.

HTML

<select name="" id="color">
     <option value="blue">blue</option>
     <option value="red">red</option>
     <option value="green">green</option>
</select>

JAVASCRIPT

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

 //const selectedColorValue = eval(color.value);

Answer 1

Кажется, что ваш eval не нужен, просто извлеките атрибут value из самого элемента, и он вернет его в переменную color.

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

Или, если вы предпочитаете сохранитьэлемент как переменная:

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

Answer 2

Вам просто не хватает .value в вашем скрипте, например:

Пожалуйста, нажмите синюю кнопку Run code snippet ниже.

function getValue()
{

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

}

<select name="" id="color" onchange='getValue()'>
     <option value="blue">blue</option>
     <option value="red">red</option>
     <option value="green">green</option>
</select>